Once you’ve created and saved the before/after slider, simply copy the generated shortcode and paste it into the layout of your choice.
| Comparison slider | |
| Before | Select a before image* |
| After | Select an after image* |
| Label (before) | The text which appears when hovering over the image |
| Label (after) | The text which appears when hovering over the image |
| Text before the slider | Text to appear above the slider |
| Text after the slider | Text to appear under the slider |
| *both before and after images should be the same size | |

Then save the before/after slider and copy the generated shortcode into whichever row you wish to display it in.
