This guide will show you how to install Poper on your Pimcore website, allowing you to create lead-capturing popups that enhance your marketing and conversion efforts.
Prerequisites:
A Poper account (free plan available)
A Pimcore website
Steps:
Add a New Website in Poper:
To add your existing Pimcore website to the Poper, begin by visit the Poper and navigating to the "Website" icon on the Poper. Then, click on the "New Website" option. In the designated field, enter the domain name of your Pimcore website. Finally, click on "Add Website" to successfully integrate your Pimcore website with the Poper.
Access Poper Dashboard:
Ensure that you're on the correct domain within your Poper dashboard. This guarantees you're working with the settings specific to your Pimcore website.
Get the Embed Code:
To access the embed code for your popups, locate and click on the "Code" icon within the left-hand navigation bar of your Poper dashboard.
Access the embed code by clicking on the "Pimcore" option.
Copy the Embed Code:
Within the code menu, you'll find the embed code needed to display your popups on your Pimcore website. Click the "Copy" button to copy the code to your clipboard.
Add the copied code to your Pimcore website:
Click on the "Settings".
Click on the "Website Settings".
Enter the key according to you and Select the type to "text".
Click on the "Add" button.
Enter the script that you have copied from poper website.
Click on "Update" button.
Write one line of code in Codebase:
In your codebase navigate to
templates/default/default.html.twig
{{ pimcore_website_config('global_scripts')|raw }}
Note: you have to insert the key name instead of global_scripts you have entered in the pimcore website.Place the above code where you want the script to appear (typically just before the closing </body> tag for performance reasons).
This is the example how you have add the above code. Like I have entered the key as global_scripts in pimcore website.
Congratulations! You are done. Now you can start using Poper on your website.