How to make your entire overlay interactive

In this article, you will learn how to make your entire overlay interactive for your customers.

Depending on how you design your overlays there may be occasions where you would like to make your entire overlay interactive rather than having a single button on the overlay such as - 'Click here to view our new collection'.

In order to do this, you would need to navigate to the 'Design' tab within the overlay that you're editing and ensure that you have changed the editing window from 'Basic' to 'Advanced' using the drop-down menu in the top right-hand corner of the screen.

Once you have done this you would need to insert a 'Button' element as the final element of your Overlay. Select the 'Button' element and using the editing pane. on the left-hand side to resize the button appropriately so it covers the entirety of the overlay.

Please note that the button will cover your entire overlay design until we make a couple of changes to its configuration.

Using the editing pane on the left-hand side you then need to scroll to the appearance section in order to make the button 'Invisible (but can still be interactive)'. Once this is selected then the button will then become invisible on your canvas.

Screenshot 2021-09-16 at 09.23.36.png

You can then personalise the trigger of the button in order to decide exactly where the customer is directed when the overlay is clicked. This can be found in the editing pane on the left-hand side of the screen and is located just above the 'Appearance' section.

Screenshot 2021-09-16 at 09.23.46.png


Dont forget that if you have any other questions to give your eCommerce Success Manager a shout and they will be happy to help!