Integrating using custom form code

You may be using a CRM (Client Relationship Manager) or ESP (Email Service Providers) that provides custom HTML form code as its preferred way to integrate your Heroic form with their database. Using this code snippet, we're able to send signup information from your Heroic form to your CRM or ESP.

First, create your new integration

  • Copy the custom HTML form code snippet from your CRM or ESP. Hang on to this. You'll need to paste it into Heroic shortly.

    Your code should look a little like:

    <form action='http://domain.com' method='post'>
    <input name='firstname'>
    <input name='email'>
    <input type='submit' value='Submit'>
    </form>

    IMPORTANT: If your code looks like this, or has the word "javascript" in it, it probably won't work:

    <div class="AW-Form-105502223"></div> <script type="text/javascript">(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//forms.aweber.com/form/17/10550223.js"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "aweber-wjs-lesdv7l5m")); </script>
  • In Heroic, go to Settings, Integrations
  • Click Add New Integration
  • Choose 3rd Party HTML Form Code from the Choose Integration droplist
  • Give your integration a name (this will be for internal use only)
  • Paste the form code you collected earlier into the Form Code field
  • Click the Finish Setup button

Connect your form

  • Now, switch to the page that contains the form you want to connect with.
  • Click the icon that's located on the Submit button
  • Choose 3rd Party HTML Form Code
  • Give your integration a name so you can find it later
  • Paste the form code snippet from your CRM/ESP into the Form Code field
  • Click Continue to Step 2
    • Each field on your form will need to be "connected" with the fields in your form code. (This is how the data your visitors enter into your form gets to your CRM / Email System). Here's an example of connecting up the fields:
    • Finally, in Post Submission Settings, choose which Heroic page to redirect your visitor to after they submit your form. (You can also enter a non-Heroic webpage if you like.)
    • Click Finish Setup

    Congratulations, you've now integrated your Heroic form with custom form code!

  • NEW: Can we do the work for you?

    If you're like most entrepreneurs, you have a million projects in your head, with no way to get them all done. As a result, you feel stalled and frustrated.

    You've tried doing it all yourself, but you know it's unsustainable, and a one way ticket to burnout and overwhelm.

    You don't yet have the resources to hire your own team of designers and developers, so you feel stuck, going around in circles.

    If you resonate, then relax, because we're here to help.

    Our in-house tech, design & web team is ready to help, and available for almost anything. (Seriously!)

    We'll take all of the tasks you've been collecting, and make them happen for you quickly and efficiently in the background, leaving you free to focus on what you do best.

    And you won't pay through the nose either -- it's available for an incredibly low 5-hour "done for you" package -- it's just $200 for access to our in-house, highly-trained team of tech and design professionals. Best of all, the time never expires and you can use it as quickly or as slowly as you like.

    Grab your 5-hour 'done for you' package here and let's get your business moving again!

    Creating Pages

    Pages are the heart of your site, and what you can build in Heroic is simple unmatched. Here's all the support you need to get started.

    View this category

    My Account

    Got questions about how to manage your account? We're compiling them all here. If we missed anything, let us know and we'll add it.

    View this category

    Integrating

    Our goal is to integrate with every 3rd party platform out there. Here's what we have currently!

    View this category

    Blogging

    Heroic comes with a full featured, yet simple-to-use blogging platform that allows virtually anyone to get bloggin'...

    View this category

    Popups

    Normally popups are hard to create, add to your site, and integrate with 3rd party platforms. Not here :)

    View this category

    Fonts & Colors

    Heroic's global font & color system keeps everything looking great, and makes editing FAST!

    View this category

    Domains

    Here's how to connect your site with your custom domain

    View this category

    Conversion U

    Some our best articles on copywriting, design, branding and more!

    View this category

    Random Stuff

    A home for articles that don't seem to fit anywhere else. Give 'em some love?

    View this category

    Trainings & Courses

    Our expertly curated collection of education and training...

    View this category

    Recommended Tools

    Here are the 3rd party tools that'll make life easier as an online entrepreneur!

    View this category

    97