Embed Do It Yourself Online Forms

You can embed DIY forms into your existing website.

1. Create a DIY form in eTapestry and publish it. For details, refer to Create an online form.

   Tip: We recommend you use a DIY template that is labeled "Embeddable" because these have minimal styling. The embeddable templates enable your host site's background color to appear. If your webpage's background color clashes with the embedded form's content, consider editing the embeddable DIY page to add a background color.

2. Access your list of online forms, locate the form you want to embed, click View code to insert this form into your existing website, and copy the complete embed code.

3. From your website's content management system, paste the embed code where the embedded DIY form should appear and then republish your web page.

   The content of the embedded DIY form appears in an iframe on your web page. The DIY form is responsive; it will adjust to fit the size of the iframe and the viewer's screen size. For best results, ensure your host website is also responsive. If the content of the embedded page doesn't respond in the way you want, adjust the styling of the iframe, which has the id attribute of “etapIframe,” to ensure it follows the responsive rules of the host website.

Whenever you update the DIY form, you may need to copy the updated embed code and use it to update the embed code on your host website.