Articles on: Styling your popup

Create an image-only popup

To create a popup with only an image, follow these simple steps:
From the sidebar menu, select “Popup”.
Click "Create New Popup" located in the top right corner of the page.
Give your popup a descriptive name and click "Create Popup."
Select the "Announcement" goal.
In the "Content" section, delete any text blocks and leave only the image block.
Add the image of your choice (you can use any size you prefer) and adjust the image width to 100%.
Navigate to the "Design" section and select "Main Styles"
Set the "Popup Padding" to 0
Change the Popup Max Width according to how you want your popup to appear.
Go to the Custom Styles section below (reach out to our customer support team to have this feature enabled) and enable Custom CSS.
Add this code to the CSS section
.pop-content-blocks, .block-wrapper{
padding:0 !important;
margin-bottom: 0px !important;
}

.block-wrapper img{
display: block !important;
}

Click "Save" once you're done.

Note that this popup is purely for display purposes and won't collect any email addresses or redirect to any other page. Website visitors can dismiss it by clicking on the usual "x" button.


Image-only popup

Updated on: 27/10/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!