ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Drag and Drop Standard Builder Integrations Center

Publish Your Center Forms

In this article

Access publishing options

Publish using HTML

    About form styles

Point an existing form to Center

Tips and frequently asked questions

Access publishing options

  1. Go to the Forms tab in your Center account.
  2. Open any form’s menu (…) and select “Publish Options.”

Publish using HTML

Each form you create comes with an HTML snippet you can add to your site. You can find your form’s HTML on its “Publishing Options” page. Here’s how:

  1. Go to your form’s publishing options, then click Copy the HTML and install it yourself
  2. Select your code and copy it, or use the Copy Form HTML button.
  3. Paste it onto your website wherever you’d like it to appear.
TIP: Keep in mind, your site’s setup will determine the best way to paste in your form code. If you’re unsure where to paste it, you’ll need to consult a developer or your site platform’s instructions for embedding third-party code. 

Here’s what it looks like in action:  

About form styles

Decide whether or not you want to use Center’s form styles. If you do, your form will closely match the preview from when you set it up. If you uncheck the option, your form won’t get any custom styling—so any CSS code on your site that affects forms will apply. 

Here’s an example of both versions on a simple WordPress page:

Un-styled

With Center styles

Point an existing form to Center

If you already use a form on your site (and have access to its code) you can send submission data straight to Center—bypassing its original destination. Here’s how:

  1. Go to your form’s publishing options, then click Use an existing form and point it to Center.
  2. Select and copy the entire code snippet, or use the Copy Form Tag button. 
  3. Open your existing third-party form’s code and find its form tag, which should start with <form method="POST" … > and is usually at the very beginning of your form’s code. 
  4. Delete the entire tag and replace it with the one you copied from Center. 
  5. Republish your form and update your site as needed.

WARNING: When you replace your third-party form’s default form tag, all data will go to Center, and bypass whatever service your form was originally connected to. 

We recommend you test your form after updating your site to ensure data passes through to Center. To do so, fill out your form and submit it, then click the Contacts tab for your form to see if your information ends up there.

Tips and frequently asked questions 

What if I point my third-party form to Center but fields don’t match?

Center will accept field data as it’s defined in your form—but may not be able to use or display all the data it collects. For best results, we recommend setting up your form (and any field names) to match those of your third-party form. 

I pasted my form’s code but it’s still appearing as HTML… what can I do?

It’s possible you’ve pasted your form into a field that doesn’t accept HTML—such as a rich text editor. You’ll need to check with your website platform (or developer) to find the best way to paste HTML code on your site. 

 

(Updated February 15, 2017)


Please let us know if you have additional questions!

We’re here to help. If you run into any issues or just have additional questions, please contact our support team. You can also create a ticket by clicking the banner in the bottom right corner of the Center interface.

Was this article helpful?
0 out of 0 found this helpful
Powered by Zendesk