Set up a pop in

How to set up a pop in

Simon Dubreucq avatar
Written by Simon Dubreucq
Updated over a week ago

Do you want to display information when you click on a word, a button or an image? You can do this by using a pop-in. A pop-in is an information frame that is displayed above the content of your campaign.

Example of a Kiabi campaign pop-in

Pop-in design

Before setting up your pop-in, you will need to have created the various graphic elements required. Click on the button below to see our graphic recommendations for the creation of your pop-in:

How to set up a pop-in?

In the Buttons tab, drag and drop a button onto your page. Then click on the button. The parameters for editing the button are displayed, in the "Actions" field, choose "Display a pop-in".

You can choose the type of content to display in your pop-in:

  • An image

  • A video

  • An iFrame

Pop-In Size

For the different types of pop-ins, you can set their width:

  • Small (350px)

  • Normal (650px)

  • Large (1200px)

Image pop-in: the width automatically adjusts to the imported image. So if your pop-in image is 650px*300px, your pop-in will be 650px wide by 300px high. Choose one of the three widths before uploading your pop-in.

Video pop-in: choose one of the three widths described above and then add the link to your Youtube, Dailymotion or Vimeo video. Your video must be in public mode so that everyone can see it.

iFrame pop-in: you can choose between three pop-in widths. Then enter the height of the iFrame you want.

Changing the size of a pop-in

If you have chosen to display an image or a video, the height of the pop-in will adapt to the height of your image or video. For the iframe, you can choose the height.

Automatically, the height of the screen will be 870px maximum. So if you select 870px and your page is higher than that, your page will be cut off. There is no scroll bar that is automatically added.

In order for your entire page to be displayed, you must specify the height of your entire page. Thus, the pop-in will have a maximum height of 870px but will have a scroll bar that will allow the user to see your entire site.

Did this answer your question?