How to Add a Popup to Craft CMS
To start the integration, ensure you have a Popupsmart account to create new effective campaigns and a Craft CMS website to apply your campaign.
1. First, sign into your Popupsmart account and click the Embed code.
![Popupsmart Embed Code Button](png/65b8b30c963e8f69a7dc352e_embed-code-button.png)
2. Copy the Embed code to your clipboard to paste it later.
![Popupsmart Embed Code Window](png/65b8b30d2e6ead5323798fbc_embed-code-window.png)
3. Now, open your Craft CMS website source code. You can download the template file and make the changes through the local host.
Open the file you have downloaded for the integration and click templates among the files.
![Craft CMS File Structure](jpg/65bc8eb1a6983c715307f90d_craftcms-file-craft.jpg)
4. Then, click index.html.
![Craft CMS Index HTML File](jpg/65bc8eb156c1c24063a17c95_templates-craftcms.jpg)
5. While editing index.html, paste the embed code before or after the </body> tag.
![Embedded Code in Craft CMS Index HTML](jpg/65bc8eb16cc543edf8421428_embed-code-on-index-html-craftcms.jpg)
6. After editing the index.html, refresh your website if the code is embedded on your website from the Source.
![Embedded Code on Craft CMS Website](jpg/65bc8eb1887641cbcbc1f295_embedded-code-on-craftcms.jpg)
7. Navigate to your Popupsmart dashboard and hover over the profile icon button to click Websites.
![Popupsmart Website Button on Account](png/65b8b30d87cae88cd8b2df55_website-button-on-account.png)
8. Click + New Website after you view the Websites page.
![Popupsmart Add Website Button](png/65b8b30d1ad2cc0e5fa53dde_add-website-button.png)
9. Enter your URL to the related blank and click Save.
![Popupsmart Adding Craft CMS Website](png/65bc8eb1c144654211b4e0cc_adding-craftcms-website.png)
For further details about the verification of your website, see How to Verify Your Website.
10. Now, you can create your first campaign by navigating to your Popupsmart account. To create a campaign, click + New Campaign.
![Popupsmart New Campaign Button](png/65b8b30d4ea2d21f285ea130_new-campaign-button.png)
11. Enter a name for your campaign and choose your Craft CMS domain among the options.
![Craft CMS Popupsmart Integration](png/65bc8eb109a3499db7426b1b_craftcms-popupsmart-integration.png)
After doing these, click Save.
12. Choose one of the templates created for your different campaigns.
![Popupsmart Templates Gallery](png/65b8db18c42d3397ec72ed7c_templates-gallery.png)
13. Customize your popup campaign however you wish and don't forget to save and publish it.
![Popupsmart Publish Step](png/65b8db18b2938dda55c169b4_publish-step.png)
14. Now, you can view your popup on your Craft CMS website since you have published it successfully.
![Popupsmart Successfully Published Window](png/65b8db18282af866bd482755_successfully-published-window.png)
Feel free to create new campaigns for your Craft CMS website to increase your sales and user engagement!
Can I have a free popup for my Craft CMS website via Popupsmart?
Of course. Popupsmart has a free trial with 5000 page views. For further, if you’re satisfied with your campaign and rates, you can choose other suitable pricing plans as well.
Do I need coding skills to have a popup on my Craft CMS website?
Not at all. The only coding skills you need to copy and paste. After having the embed code on the Popupsmart dashboard, you need to paste it on your website source, and that’s all!
Is Craft CMS compliant with Popupsmart?
Popupsmart is 100% compliant with Craft CMS. Meaning your website will work smoothly without bumping into any break or error related to code or design.
Who should use the integration of Craft CMS and Popupsmart?
Along with many famous brands using Craft CMS, you may choose it as your content management system. To elaborate on the impact you want on your website, we suggest you try Popupsmart.
Also, if you’re a new beginner, you can make announcements about your launch and declare your future campaigns.
![30% off coupon discount promotional popup design](https://assets-global.website-files.com/659415b36df8ea43c38776dc/65a7851eb39daf6f3062ab22_integrations-popup2.webp)
![join premium account popup design](https://assets-global.website-files.com/659415b36df8ea43c38776dc/65a78524d152c1e8e97b0369_integrations-popup1.webp)
![get a second phone line phone call popup design](https://assets-global.website-files.com/659415b36df8ea43c38776dc/65a7852eeadc17b8b41c8c69_integrations-popup3.webp)