In this article, you will learn how to integrate a SystemeScale form or popup on your WordPress site.
After creating your form or popup in a sales funnel, follow the steps below to integrate it with WordPress.
π
Need to create the form or popup first?
Start with the external-site guide to create your form or popup and copy the embed code or popup script.
Integrating a SystemeScale form on your WordPress site
Use the WordPress widget area when you want to display a SystemeScale form in a sidebar, footer, or another widget-enabled section of your website.
1
Open Appearance in WordPress
Begin by navigating to the Appearance section of your WordPress dashboard.
2
Open Widgets
From the Appearance section, click Widgets.
3
Choose where the form should appear
Select the specific area on your website where you want the form to appear. This could be the sidebar, footer, or another designated widget region.
4
Update the placement
After choosing the display area, click Update to confirm the placement of the form on your WordPress site.
π
Use the right widget block
Depending on your WordPress theme and editor version, you may need to use a Custom HTML block or widget to paste your SystemeScale form embed code.
Integrating a SystemeScale popup on your WordPress site
You can integrate a popup on WordPress by adding the popup script with a plugin or by inserting it into your theme file.
Option A: Add a popup using a plugin
This option is generally safer for most WordPress users because it does not require editing theme files directly.
1
Open Plugins
Go to the Plugins section of your WordPress dashboard.
2
Search for the plugin
Search for the Insert header and footer plugin.
3
Install and activate the plugin
Install and activate the plugin named Insert Headers and Footers by WPBeginner.
4
Open the plugin settings
In the plugin settings, select Header & Footer.
5
Paste the popup script
Paste the popup script in the Header section.
6
Save the changes
Click Save to apply the changes.
β
Recommended method
Using a plugin is usually the easier and safer method because your popup script can remain in place even when you adjust page content.
Option B: Add a popup using the theme file editor
You can also add the popup script using the WordPress theme file editor.
1
Open Appearance
Log in to your WordPress account and go to the Appearance section.
2
Open Theme File Editor
From the options under Appearance, click Theme File Editor.
3
Choose footer.php
Choose footer.php from the list of available theme files.
4
Insert the popup script
Insert the popup script code just before the closing </body> tag.
5
Update the file
After adding the code, click Update file to save your modifications.
β οΈ
Place the script before the closing body tag
Make sure the script is placed before the closing </body> tag. Otherwise, the popup might not be displayed.
Testing the popup integration
After following these steps, visit your WordPress site to confirm that the popup or form integration was successful.
1
Open your website
Visit the WordPress page where you added the form or popup.
2
Confirm the form or popup appears
Check that the form is displayed in the selected area or that the popup appears as expected.
3
Test the submission flow
Submit a test entry if you added a form, or trigger the popup behavior if you added a popup.
βΉοΈ
Other integration methods may also work
These are not the only ways to integrate a SystemeScale popup on your WordPress site, but they provide reliable methods to enhance your websiteβs functionality.
π»
Need to insert custom code elsewhere?
Review the custom HTML, CSS, and JavaScript guide for more information about adding code inside SystemeScale pages.
