Serviceform academy logo
Log in
Search
Pixel installation
Last updated on
September 25, 2024

Pixel installation

Learn how to install Serviceform pixel in your Website.

The following is a list of the integrations supported by our system, highlighting key features and benefits. Click on any of the below integrations to explore detailed guides and connect the right tools to your system(s).

Native integrations

Getting started with Dynamic form

Create a dynamic form within a few minutes and embed it on your own and/ or business website. Dynamic forms can be customized to serve various purposes. Here are a few ways in which Dynamic forms can be customized:

In order to install Serviceform tools in your website you will need make use of the Pixel code. The installation process might vary a bit based on your Website's platform. However, the core steps remain the same:

1. Once you have logged into your Serviceform account, click on Tools section in the left sidebar and select Install tools.

2. Enter your website's URL and click on Create pixel.

3. Choose the platform your website is built on (HTML, Wordpress, and Google Tag Manager).

Pixel installation methods

You can install our pixel in the following platforms(Not limited to). Select your preferred method to know more:

      • HTML

      • Webflow

      • Google Tag Manager

      • Shopify

     • Square space

By following these steps, you'll have successfully installed the Serviceform pixel on your website. Now, you can start building tools and install them on your website.

Also, make sure to whitelist the following URLs if you have setup content security policy on your Website. If you are not familiar with coding, you can share this with your developer to add this into the security policy. By doing this, you can make sure that the Serviceform tools load without any interruptions.

• https://dash.serviceform.com

• https://ucarecdn.com

• https://*.firebaseio.com

• https://statistics.serviceform.com

How to add multiple websites?

You can start building tools and integrate them with your website. You can also add multiple websites easily via the website setup option:

1. Make sure that you are in the Website setup section under Tools and click on the website option. Click on Add new pixel.

2. Enter your Website URL and follow the steps from here to install the pixel.

Once you have installed your Pixel(s) in your website(s), you can start building tools and integrating them.

HTML

Once you have created and logged into your Serviceform account, you can install the pixel by referring to the visual guide:

1. Select HTML as your platform. Copy the pixel code and paste this in the <head> section of your website.

2. Click on Test installation to check if the pixel has been properly installed.

Webflow

Once you have created and logged into your Serviceform account, you can install the pixel by referring to the visual guide:

1. Select HTML as your platform. Copy the pixel code.

2. Login to your Webflow and click on the menu under your preferred site.

3. Click on Settings.

4. Click on Custom code.

5. Paste the Pixel code in the Head section and save. Click on Publish.

6. Click on Test installation to check if the pixel has been properly installed.

Google Tag Manager

Once you have created and logged into your Serviceform account, you can install the pixel by referring to the visual guide:

1. Select Google Tag Manager as your platform and copy the pixel code.

2. Login to your Google Tag manager account and click on Tags.

3. Click on New to create a new tag.

4. Enter a name for your Chatbot and click on Tag configuration.

5. Select Custom HTML.

6. Paste the Pixel code.

7. Click on Triggering and select Initialization - All pages. Save the Tag.

8. Check whether it has been properly installed via the Serviceform dashboard.

Shopify

Once you have created and logged into your Serviceform account, you can install the pixel by referring to the visual guide:

1. Select HTML as your platform. Copy the pixel code.

2. Login to your Shopify account and click on Online store.

3. Click on Themes. Select Edit code under the menu(Three dots) of your main theme.

4. Click on theme.liquid and insert the pixel code into the head section of the code. Click on Save.

5. Go back to the Serviceform Dashboard and click on Test installation to check whether it has been installed properly.

Square space

Once you have created and logged into your Serviceform account, you can install the pixel by referring to the visual guide:

1. Select HTML as your platform. Copy the pixel code.

2. Login to your Square space account and navigate to the account dashboard. Select the Website in which you want to install Serviceform tools.

3. Click on Website.

4. Click on Website tools.

5. Click on Code injection.

6. Paste the Pixel code in the head section and click on Save.

7. Go back to your Serviceform Dashboard and click on test installation to check whether it is installed properly.

Congratulations, you have successfully installed your pixel. Let's create your first chatbot. Refer to the next article for more information.