Display Popup Forms on Magnolia CMS

Magnolia logo
popupsmart favicon

Magnolia CMS is a headless content management system for online businesses. You must be prepared to increase content engagement and conversions if you have created your website with Magnolia CMS.

One of the most successful strategies for achieving that goal is to display popups on your website. Popup campaigns effectively get people to pay attention to what you have to say, regardless of whether your company"s objective is to expand your email list, sell more products, offer discounts, or even promote an event.

Create Your Magnolia Popup for Free

How to Create a Magnolia Popup with Popupsmart?

Follow these steps to create conversion-ready popup campaigns for your Magnolia CMS website:

1. First, register to Popupsmart and sign in to your account.

register to popupsmart

2. Click on the "Embed Code" to get your unique embed code.

getting the embed code

3. Then, your code will appear in a modal. Copy the embed code to the clipboard.

copying the embed code

4. Go to your Magnolia website’s admin panel and click on the “Marketing Tags” under the “Tools” section.

marketing tags on magnolia

5. Click on the “Add tag” under the “Tags” part.

adding new tag on magnolia

6. Give your tag a name, and select the “end of the body” option under the “Tag Location” part.

setting tag location on magnolia

7. Go to the “Content” section and paste your Popupsmart embed code to the “Tag Code” section.

pasting the embed code to the tag code on magnolia

8. Then, go to the “Pages” section and select “Insert in subpages,” and type down “/.” Click on “Save Changes” when finished.

selecting pages to add tag on magnolia

You can select other pages to add your tag as well.

9. Go back to the Popupsmart dashboard and click on the “Websites” part on your profile menu.

going to the websites section

10. Click the “New Website” button to add your URL.

adding a new website

11. Write your Magnolia CMS website to the “Add a new website” modal and save it.

enter your website and click save

If you see your website unverified, click the “Unverified” button and from the opening modal, click “Verify website” then return to your dashboard and click “Refresh”.

For further details about the verification of your website, see How to Verify Your Website.

12. Now, you can create attractive popup campaigns! Go to the dashboard and click on the “New Campaign” button.

creating a new campaign

13. Customize your popup according to your business needs and click on the “Save” and “Publish” buttons when ready.

saving and publishing magnolia popup

14. You can publish your popup on the "Publish" step when your Magnolia CMS popup is ready.

publish part of a magnolia popup

Magnolia Popup FAQ

Is Magnolia CMS fully compliant with Popupsmart?

It is, indeed. Magnolia CMS and Popupsmart are 100% compliant!

With Popupsmart’s smart popups, you can effectively gather form data, acquire new subscribers, advertise your products, and increase the conversion rate of your Magnolia CMS website.

Can I create free Magnolia CMS popups via Popupsmart?

When you sign up for a free account, you can create Magnolia CMS popups for free and modify your plan whenever you wish to run more campaigns. Popupsmart’s free plan includes 5,000 page views monthly, so if you have more page views, you can choose a paid plan that can suit your needs.

Do I need designing skills to create Magnolia CMS popups via Popupsmart?

No, using Popupsmart to create eye-catching Magnolia CMS popups doesn’t require design or coding expertise.

You can use the many ready-made templates provided by Popupsmart to enhance conversion. Also, you can customize these templates according to your Magnolia CMS website’s style and business needs.

Can I Create Form Popups for the Magnolia CMS Website via Popupsmart?

Yes! Adding form elements to your popups allows you to collect form submissions from your visitors. Using this feature, you can better understand your visitors and collect customer information.

You can enhance customer acquisition and boost your conversions with Popupsmart’s fashionable form popup designs.

30% off coupon discount promotional popup designjoin premium account popup designget a second phone line phone call popup design