Advanced Webform Usage

by Rob Slade on April 27, 2010 · 9 comments

As a follow up to the blog post on Creating New Webforms, I would like to show you some advanced ways to implement the webforms you create in Bronto. Two ways you can use your webforms are to link directly to the form in an email, or to embed it directly on to your web page. Both are easy to use, so let’s take a look at how you do it.

Linking To Webforms

Linking to webforms is as easy as creating a standard hyperlink in your email message. In fact, it is just creating a hyperlink in your email. The question is, “What link do I use?” Bronto provides the correct link to your webform once the form has been created.

To access this link, venture to the webforms overview page located under Content–>Webforms. In this section you will notice a small magnifying glass icon to the right of each form.

Click this icon to take you into the section where the advance form usage elements are located.

Once there, at the bottom of the screen, there is a section called Public Link To This Webform. If you click this link, it will display your webform in a web browser. This is the URL you can use to link directly to your webform inside of emails or on the web.

You can use the WYSIWYG editor inside of Bronto to create a hyperlink or code an HTML hyperlink in an HTML email. For example, your HTML hyperlink may look something like this:

<a href="http://app.bronto.com/public/fake/webform/render_form/35st82duxm2qk2bs4pbqkp5rlqe9k/235019e24931f96467c53b7298cc481d/addcontact">Sign Up Here!</a>

Embedding Webforms

Bronto also allows you to create webforms and then directly embed them on your website. Once the webform has been built, set up, and styled how you want inside of the Bronto application, we provide the necessary form code for you to copy and paste in the appropriate location on your website. Right above the section where you get the URL link to the webform, is a section called Embed This Form. In the box is the necessary HTML code which you can copy and paste.

Once you have added this to your website, the form is live and ready to start working immediately. If you’re more advanced in HTML coding, you can use the form code and style it more in-line with how your site looks. This will give you the flexibility to add a seamless looking form and blend it in with your site’s style.

As you can see, using your Bronto webforms in your emails and on your website is super easy and extremely powerful in supporting your email efforts.

Rob Slade
Client Support Specialist

Related posts:

  1. Success! Tags We have added in a small feature you may not...
  2. Getting Comfortable With New Webforms Bronto’s Spring 2010 Release is finally here, and with it,...
  3. Creating New Webforms Coming soon to a Bronto near you, our new webforms...

{ 9 comments… read them below or add one }

1 Pete S 04.28.10 at 10:51 am

I’m not seeing these options. When I click the magnifying glass, I just see a preview of the form.

Is this only for “new webforms”? How would I find the code to embed for ‘old’ webforms? I used to be able to find that advanced usage option but it seems to have eluded me now.

2 Pete S 04.28.10 at 10:58 am

Ah, I see the problem, I was trying to access this on a Manage Preferences form, and it isn’t supported on these for some reason.

Can a person sign off of a newsletter from an Add Contact form?

3 Rob Slade 04.28.10 at 12:32 pm

Pete,

If you have made the switch over to the new webforms in your account, the old webforms will no longer be accessible for editing, however, the old webforms will continue to still work.

If a contact is already in your account and on a particular list, they can fill out the contact add form again and leave the list unchecked. Once they submit the form, their list preference will be removed and they will no longer be on that list.

Please let us know if you have any other questions, especially about your specific Bronto account. You can submit a support case to us and we can answer it.

Thanks!

Rob

4 Andy 05.07.10 at 12:29 pm

How does someone update their email address? I’d like to have a URL to direct people to so they can view and update their subscription settings. The “Public Link” verbiage does not seem to be there.

5 Rob Slade 05.07.10 at 12:43 pm

Andy,

The way you would want to set this up is to either embed a Contact Lookup webform on your website or provide a link to the Contact Lookup webform. This form will ask the person to type their email address and submit it. A message is then sent to their email address containing a link to their own Manage Preferences page. Once they click this link, they can edit their page as they see fit. This ensures that they have access to that email account and only allows the actual email user to edit their own preferences.

Please let us know if you have any other questions, especially about your specific Bronto account. You can submit a support case to us and we can answer it.

Thanks!

6 Andy 05.07.10 at 1:12 pm

That’s awesome. Thanks for getting back to me!

So… where do I find the “link to the Contact Lookup webform?”

7 Rob Slade 05.07.10 at 1:22 pm

Andy,

I’m not sure which account you are with but in the new webforms area you can get the link and the HTML code for the Lookup Contact webform using the directions listed above in this blog post. If you have trouble finding them, submit a support case and we will help you find them in your own account.

Rob

8 Andy 05.07.10 at 1:25 pm

Actually… found it. But now the email it sends me gives me a link, which takes me to the same account lookup form — creating a circle.

9 Andy 05.07.10 at 1:51 pm

Nevermind. Talking with Brad via Chat support now.

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: