[Shopify] Create an Interactive Pop-up

With PlayShorts you can create an interactive pop-up video to humanize your e-commerce site and communicate with your customers.

Video guide

Create a “Pop-up interactif” project

1. Create a new project

2. Select “Pop-up interactif"

3. Name your project

Select your videos

1. Click on “Add videos”.

2. In the pop-up window, select videos already imported into our solution or import new videos by clicking “Import other videos”.

3. Once you have selected your videos, click on “Validate”.

Manage interactions

Your pop-up can be interactive, so you can create interactions on your video by redirecting your customers to another video or a web page.

1. Define your main video (the video that will appear first when the video pop-up is played)

2. Create interactions

   1. Create redirects to other videos uploaded in your project

   2. Create redirects to web pages

3. Follow the live rendering on the right of your screen (don't forget to press the two little arrows to make the interactions appear).

4. Add other interactions by pressing “Add interaction”.

5. Don't forget to save your changes by pressing “Save”.

Manage the design of your video pop-up

In the “Design” section, you can customize your pop-up and its placement on the page. Follow the rendering live via our interface.

Integrate your pop-up

1. Copy our script, available in the “Integration” tab.

2. Go to your e-commerce theme back office your homepage or your category page of your choice

3. Create a custom section and placed it in the location of your choice. It doesn't matter where you place the section, the video will automatically be placed at the bottom of the screen.

4. Paste our script in this section

Note : This script is unique, so for each Homepage project create you need to copy / paste the script generate on your e-commerce

5. Don't forget to set section margins to 0

6. Save your changes by clicking on “Save”.

7. Then click on “Integration desactivated” and then on “Publish”.