Some browser extensions known as ad blockers may prevent an Act-On Form from loading on the page. Act-On now has a feature that can detect when this is happening and advise your visitor to update their settings with a customizable notification.

(Note: This feature does not apply to Classic Forms.)

Instructions

Enable Ad Blocker Detection

Add to a New Form

Ad Blocker detection is auto-enabled for all new forms:

Add to an Existing Form

To enable ad blocker detection for an existing form:

1. Go to Content > Forms, locate your form and click the pencil icon to edit.
2. In the Form Properties tab, click on Ad Blocker Detection
3. To enable, check the box next to Ad Blocker Detection
   
4. Customize the notification as desired (see instructions below)
5. When you are done, click OK and Save the form
6. Re-add the form to the page where it is deployed:
   • Act-On Landing Page:
     1. Go to the Embed tab of the form composer and click the pencil to edit the landing page
     2. Go to the Design tab, select the form and remove it
     3. Re-add the form, then Save
   • Embed Code:
     1. Go to the Embed tab and retrieve the new form embed code
     2. Replace it on the page of your website where it is in use.

Customize the Notification

Act-On provides a default notification message and style, however, you can update this to fit your brand. This customization is specific to the form and can be updated for each form you are using adblocker detection.

To customize the notification:

1. Go to Content > Forms and at the top right, click Create form.
2. In the Form Properties tab, click on Ad Blocker Detection.
3. Use the Rich Text Editor to customize the content.
   • Make sure to click on the ellipses menu   to expand the editor
4. Scroll down and update the display properties to change the notification style.
5. To preview the design, click Preview at the bottom of the menu.
6. Click OK when you are done and Save the form.

Disable Ad Blocker Detection

To disable the notification:

1. Go to Content > Forms and at the top right, click Create form.
2. In the Form Properties tab and click on Ad Blocker Detection
3. To disable, uncheck the box next to Ad Blocker Detection
   
4. If you have already deployed your form to a page, you will need to replace the form embed to reflect the change.
   • Act-On Landing Page:
     1. Go to the Embed tab of the form composer and click the pencil to edit the landing page
     2. Go to the Design tab, select the form and remove it
     3. Re-add the form, then Save
   • Embed Code:
     1. Go to the Embed tab and retrieve the new form embed code
     2. Replace it on the page of your website where it is in use