Skip to main content
Act-On Software

Legacy Process - 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.

Note: These steps are for Classic Forms only. Embedding New Forms uses a different process.

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: 

  • Click on Content > Forms.
  • Hover over the name of the form you wish to use and click the Down-arrow.
  • Click Get Public URLsHere 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.
  • 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 the article called Create Stationeries.

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.

Note: This is an advanced feature.
Due to the infinite variety of web forms available online, Act-On can't guarantee compatibility for external posting. However, the above article provides many different examples and methods. This task is best suited for your web developer.


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:

  • Click on Content > Forms.
  • Hover over the name of the form you wish to use and click the Down-arrow.
  • Click Get Public URLs.
  • Hover over the title area and choose Get Code.
  • Copy the code to embed on your website.


Notes:

  • This implementation method should be used only by users with moderate to advanced web design or development knowledge due to CSS conflicts that may arise
  • Please be sure to read the code-notes within the 'Get Code' source code before implementing it onto your web page
  • In the Act-On form HTML, any tables you see with a class attribute are required. Other HTML elements without IDs or classes can be removed or replaced.
  • The Get Code option is not designed to be used on Act-On landing pages, though this is possible if JavaScript is enabled in your account
  • Please note that the outputted source for 'Get Code' does not include the source code for any applied stationery
  • Was this article helpful?
Support

Have a question about this topic?

Ask the community!