📝 Blog

How to add a form or a popup on your SystemeScale blog

📅 Last updated: March 4, 2026

⏱ 10 min read

✅ All plans

This article will teach you how to set up an inline form or a popup form on your SystemeScale blog.

Step 1: Create an inline form

First, you’ll need to create a contact form from your sales funnel.

Create the inline form step

Go to your Sales Funnel, click Create step to create a new step, then choose Inline Form.

Choose the template of your choice by clicking Select.

Go to the form page editor by clicking Edit Page to customize your form.

A contact form must have at least one Form input, but you can add as many form fields as you want. Select the Form input element, click the Settings gear icon to configure the field, then select the Input type you want to collect from the dropdown list.

You also need to configure the button action. Select the button and choose what happens after the user submits the form.

⚠️

Save before leaving

Don’t forget to click Save changes before leaving the editor or your inline form changes may be lost.

Step 2: Create a popup form

To create a popup form, use the same sales funnel workflow but choose the popup form step type.

Create the popup form step

Go to your Sales Funnel, click Add step to create a new step, then choose Popup Form.

Choose the template of your choice by clicking Select, then go to the form page editor by clicking Edit Page to customize your popup form.

A contact form must have at least one Form input, so you can add as many form fields as you want. Select the Form input element, click the Settings gear icon to configure the field, then select the Input type you want to collect from the dropdown list.

It will also be necessary to set the button that will record the action to be done with the collected item.

You can set a delay for when the contact form appears on your blog page. This can be adjusted in the editor in seconds.

⚠️

Save before leaving

Don’t forget to click Save changes before leaving the editor or your popup form changes may be lost.

Step 3: Set up the inline form on your blog

To add the contact form to your blog, you must copy its script and paste it on your blog page.

Copy the inline form script

Return to the Step configuration of your inline form, then click Script. A popup will be displayed containing a link to your inline form page. Click Copy link to clipboard.

You will then have to go to the editor of the blog page by clicking Edit from the menu or by directly clicking the name of the page where you want to add the inline form.

Next, drag and drop a Raw HTML element onto your blog page. Go to the settings of your Raw HTML element, click Edit code, and paste the script of the link retrieved from your inline form page into it.

Be sure to click Save to save the HTML code, click Save changes in the editor, and save before exiting your blog page.

✅

Preview the blog page after saving

If you preview the blog page afterward, you should see the inline form displayed on the page.

🧩

Need help with Raw HTML?

Use the HTML/CSS/JS guide if you need extra help adding custom scripts through the Raw HTML element.

Read HTML Guide →

Step 4: Set up the popup form on your blog

When setting up a contact form as a popup, there are two possible ways to display it on your blog page:

Automatically: The popup appears after a specific time delay.
On Click: The popup appears when a user clicks a specific link or text.

📝

Automatic popup setup

For the automatic option, the method is the same as when you add an inline form on a blog. The instructions below explain the second method in detail.

Create and copy the popup link

To display the popup form after clicking on a text, go back to the Step configuration of your popup form, then click Create a Link. In the popup, choose the content of the text that will be clickable, then click Copy link to clipboard.

Open the editor for the blog page where you want to add the link. Then, set up a Raw HTML element on your blog page.

Go to the settings of your Raw HTML element, click Edit code, paste the script of the link that opens the popup form page, then click Save.

Be sure to click Save changes in the editor to save your page before exiting your blog page.

✅

Preview the popup trigger

If you preview the blog page afterward, the popup form should appear when you click the chosen text, such as Click here to open the popup.

💬

Need to trigger a popup from text?

Review the popup text-link guide if you want more examples of opening popup forms from clickable text.

Read Popup Trigger Guide →

Was this article helpful?

📄How to create a funnel→📄How to create a blog in SystemeScale→📄Is it possible to insert HTML, CSS, or JS code?→