To set up an opt in form on your Teachable school using Active Campaign, follow these steps:


Things you'll need:

  1. Your Active Campaign Form
  2. A notepad 
  • in Windows go to Windows go to Programs/Apps > Windows Accessories > Notepad
  • in Mac uses TextEdit - with this adjustment
  • Your Teachable Sales Page

    • Step 1: View or copy your html code from ActiveCampaign 

    You don't need to format it in any special way. We won't be using any of the styling.


    1. Go to Aps
    2. Choose your form
    3. Scroll down to "integrate with your site"
    4. Click on the "embeddable html"
    5. Press Ctrl + C to copy all of the code 
    6. Open up a notepad and paste in the code

     Copy and paste the code above into a plain notepad so that we can get the necessary code.


    Step 2: Search for your ActiveCampaign URL

    In your new notepad press Ctrl + S or from the edit menu, choose "Select All"

    Press Ctrl + F or from the edit menu, choose "Find" to open the FIND pop up. 

    Type in the word form action= and "find next" like my example below


    It will take you directly to the code we need to copy into your Teachable form.


    Repeat this process to get the other fields you'll need in step 3

    Step 3: Edit this code to include your ActiveCampaign url, and the header text

    Replace everything that's highlighted below with your own fields.

    <div class="preenrollment-form-wrapper col-sm-10 col-sm-offset-1">
      <h3 class="signup-form-title text-center">Be the first to know when this course launches</h3> 
      <form id="mc-embedded-subscribe-form" action='//askloralee.activehosted.com/proc.php' method="post" name="mc-embedded-subscribe-form" target="_blank" id='_form_1026' accept-charset='utf-8' novalidate="" class="signup-form" enctype='multipart/form-data'>

      <input type='hidden' name='f' value='1026'>
      <input type='hidden' name='s' value=''>
      <input type='hidden' name='c' value='0'>
      <input type='hidden' name='m' value='0'>
      <input type='hidden' name='act' value='sub'>
      <input type='hidden' name='nlbox[]' value='2'>
       
        <div class="col-xs-12 col-sm-4">
          <input id='_field84' name="name" required="" type="text" placeholder="Enter first name" class="form-control"/>
        </div>
        <div class="col-xs-12 col-sm-4">
          <input id='_field85' type="text" name="email" placeholder="Enter your e-mail" class="form-control"/>
        </div>
        <div class="col-xs-12 col-sm-4">
          <input id='_field86' type="submit" value="Get Yours Free" class="btn-primary btn-hg"/>
        </div>
      </form>
    </div>

    Step 4: Add it to the embed code form here:

    Go to your Teachable sales page and add in a new embed form. You don't need to prefill it. Instead, copy and paste in the code you created in Step 3. 
     

    Step 5: Click Save and then preview your sales page.

    You can see a live example of mine here



    ***Be sure to test out your form to make sure it's working. It's easy to make a typo or miss a step, so be sure it's working before you start sharing your sales page.