Embedding Classic Forms on a Website

If you'd like to integrate Classic Forms onto your website, you have multiple options. Some of these methods require moderate to advanced web design or development knowledge and may be best suited for a web designer or developer.

If you are not using Classic Forms, click here.

Embedding a Form Using the Public URL Hyperlink

You can directly link a form to a message, landing page, or one of your web pages using a Public URL hyperlink.

When to use the Public URL method:

• If you are sending email messages to encourage form submissions, you will want to use this method due to the technical limitations of email
• If you want viewers to see only your form and no other web page content

To find the Public URL for your form: 

1. Go to Content > Forms > Classic Forms filter > (select Form) View report.
   
   
2. In the Details tab (upper left), under Additional Settings & Reports, click Edit Public URLs.
   
   
3. Here you may choose the pre-filled or non-pre-filled URL for your form. You may also create and use unique URLs for specific marketing campaigns (click New URL).
   
4. Copy the URL.
   
   

Embedding a Form Using iframe

You can use the Public URL to iframe the Act-On form onto your website. This offers the benefit of controlling the layout of the form through Act On even when it's placed on your website.

When to use the iframe method:

• If you would like to be able to update your form from within Act-On, without updating your website's Content Management System or code. Once the iframe is embedded on your site, you can do everything else within the Act-On form editor.
• If you would like to track form views
• If you would like to use more advanced features such as progressive profiling

Instructions:

• Obtain the Public URL for your form using the above steps.
• Place the URL inside an iframe tag of your choice.

If you would like to customize the appearance of the form you are iframing, please see this article.

New to iframing?

Iframes are essentially a web page within a web page.

• When an iframe is used, it creates an 'inline frame' in your website that shows a different website
• If you iframe your Act-On form, this means that website prospects are using your Act-On form directly and any edits made to your form will be immediately applied to your web page

Example iframe:

<iframe src="public_form_url" height="700" width="100%" frameborder="no" scrolling="no"></iframe>

• src=”” can be populated with your form’s Public URL. Obtain the Public URL for your form using the above steps.
• Adjust the height and width to fit your form to your website. Note that iframes do not automatically adjust their size to the item they are displaying; the desired height and width must always be manually set.
• Change the border style and background with CSS, if desired.
• If your form is larger than your iframe, scrollbars will not appear but users will still be able to scroll the iframe contents with their trackball or trackpad. To control this, adjust the size of your iframe.

If you have an existing form on your website, you can post submitted data from your website form to an Act-On list. See the article Posting External Forms to Act-On for further information.

When to use an external post:

• If you have a pre-existing form that you would like to continue to use
• You have a pre-designed information submission process where you wish to pass information to Act-On, in addition to an existing custom database and/or system
  
  

Embedding a Form Using the Get Code Option

You can embed the source code for an entire Act-On form onto your website. The Get Code option provides direct access to the form source code and allows you to modify the HTML, CSS, and JavaScript.

When to use the Get Code option:

• If you do not want to utilize iframes on your website, but do not have a pre-existing form to post externally
• If you are an advanced user hoping to build off of the HTML and CSS of an existing Act-On form 
• If you would like to modify Act-On form appearances without utilizing custom stationery or the form CSS editor

To find the Get Code option:

1. Go to Content > Forms > Classic Forms filter > (select Form) View report.
   
   
2. In the Details tab (upper left), under Additional Settings & Reports, click Edit Public URLs.
   
   
3. Hover over the title area (for example Default) and choose Get Code.
   
   
4. Copy the code to embed on your website.