Skip to content

Instantly share code, notes, and snippets.

@c-stone
Created January 4, 2017 20:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save c-stone/5800dc3eeca6f11591453b52195536ce to your computer and use it in GitHub Desktop.
Save c-stone/5800dc3eeca6f11591453b52195536ce to your computer and use it in GitHub Desktop.
Example of a CSV import file to be used with Hub-Batch
url post_body meta_description name id slug editLink
https://knowledge.hubspot.com/articles/kcs_article/collected-forms/frequently-asked-questions-for-lead-flows-and-collected-forms <p>We've compiled a list of the most frequently asked questions&nbsp;about the Lead Flows and Collected Forms tools.</p><h2><!--more-->How does it&nbsp;work?</h2><ol><li>Using the HubSpot tracking code, the tool&nbsp;will track each anonymous visitor to your site with a cookie.</li><li>When using Colleted Forms, when someone fills out any form on your site, HubSpot&nbsp;will associate the visitor&nbsp;with their email address and generate a contact record. The same occurs when a contact submits on a Lead Flow.</li><li>You will then receive an email with a link to the new contact record with all of their visit history.</li></ol><h2>How do I integrate with my website forms?</h2><p>Once your tracking code is installed, Collected Forms automatically detects and integrates with your contact and comment forms that contain an email address field on your web site. There’s no setup required.</p><h2>Does Collected Forms&nbsp;work with my form builder?</h2><p>Provided your form is a static HTML form, wrapped in a HTML <code>&lt;form&gt;</code> tag and not contained inside an <code>&lt;iframe&gt;</code>, Collected Forms should be able to capture the submissions.&nbsp;</p><p>Some common reasons why HubSpot&nbsp;would not be able to capture submissions on forms:</p><ul><li>Form not enclosed in <code>&lt;form&gt;</code> tags</li><li>Form contained inside an <code>&lt;iframe&gt;</code></li><li>Form has&nbsp;JavaScript bound to form submit event or submit button click event.&nbsp;This is how submissions are captured and any other events can prevent HubSpot&nbsp;from&nbsp;recognizing a submission.</li><li>Form was introduced after the page completed loading. Collected Forms&nbsp;scans the page as soon as it loads and listens to submissions on forms that were present at that point.&nbsp;</li></ul><p>Learn more&nbsp;<a href="https://knowledge.hubspot.com/articles/kcs_article/collected-forms/how-do-collected-forms-capture-form-submissions" target="_blank">here</a>.</p><h2>Why is the Lead Flows pop-up form not showing up?</h2><p>There are a few reasons why you might not be seeing the popup.</p><ul><li>If you close the pop-up on your page, it won't be displayed&nbsp;again for a period of two weeks. We recommend trying to view your site in a Chrome incognito window. You can also use the “Preview Popup” button in your settings to view the popup even if you’ve closed it.</li><li>If the pop-up is still not working, please confirm that the tracking code&nbsp;is installed on your website.&nbsp;</li><li>Read more <a href="https://knowledge.hubspot.com/articles/kcs_article/lead-flows/why-arent-my-lead-flows-displaying" target="_blank">here</a>.</li></ul><h2>Can I change the style of the pop-up form?</h2><p>Click on a Lead Flow to make edits. On the callout page you can change the color of the submit button for your form. You can also apply any CSS styles you want to customize the form. The container class is “.leadin-subscribe”. This CSS would need to be written inside your website's CSS file, since Leadin does not have any customisable CSS files.</p><h2>Does Collected Forms&nbsp;work with WooCommerce?</h2><p>Unfortunately, due to the way WooCommerce submits forms, HubSpot&nbsp;is unable to provide tracking for those forms. However, if a visitor submits a supported form on your site, HubSpot&nbsp;will be able to track them on WooCommerce product pages.</p><h2>Do Lead Flows &amp; Collected Forms work with multisite?</h2><p>You betcha! These tools&nbsp;should work just fine on multisite right out-of-the-box without requiring any additional setup.</p> We've compiled a list of most frequently asked questions we've had from our users about the Lead Flows and Collected Forms tools. Lead Flows and Collected Forms FAQs 42026f34519 articles/kcs_article/collected-forms/frequently-asked-questions-for-lead-flows-and-collected-forms https://app.hubspot.com/content/53/edit-beta/4464196227
https://knowledge.hubspot.com/articles/kcs_article/collected-forms/why-are-my-contacts-not-pushing-to-mailchimp <p>If you have configured your HubSpot <strong>Marketing</strong> <em>Free</em> or <em>Starter</em> account&nbsp;to push Contacts collected from Lead Flows and/or Collected Forms&nbsp;<a href="https://knowledge.hubspot.com/articles/kcs_article/lead-flows/how-do-i-connect-lead-flows-and-collected-forms-to-mailchimp" target="_blank">into your MailChimp lists</a> and your contacts are not making it into MailChimp successfully, below are some errors you might be seeing and what they mean.</p><!--more--><p>If your new contacts are not pushing to MailChimp, you can find out what the most recent error was by navigating to <strong>Settings &gt; Email Sync&nbsp;</strong>where you wil see the most recent error listed.</p><p>From within <strong>Marketing</strong> <em>Free</em> or <em>Starter</em> <strong>Settings</strong> you will see:</p><ol><li>The most recent error, as reported by MailChimp.</li><li>A button to dismiss this error once it has been resolved.</li></ol><p>Some common errors:</p><ul><li>FNAME must be provided - Please enter a value</li><li>LNAME must be provided - Please enter a value</li><li>MMERGE2 must be provided - Please enter a value</li><li>MMERGE(x) must be provided - Please enter a value</li></ul><p>These errors are occurring because the MailChimp list has required <a href="http://kb.mailchimp.com/merge-tags/using/getting-started-with-merge-tags#List-Merge-Tags" rel="nofollow" target="_blank">Merge Tags</a> which HubSpot&nbsp;does not send over a value for.</p><p>HubSpot&nbsp;will always push email address to MailChimp, since the email address for a contact is always known. If your forms include a first and last name field, HubSpot&nbsp;should capture this information too and send it to MailChimp.</p><h4><br>To fix this error, log into&nbsp;MailChimp and find the list that HubSpot&nbsp;is pushing to and follow the instructions below:</h4><ul><li>Go to <strong>Settings </strong>&gt;<strong> List fields and *|MERGE|* tags</strong> and you&nbsp;will see a&nbsp;column titled <em>"Put this tag in your content:"</em> that will correspond with the error reported in HubSpot.</li><li>Uncheck the corresponding <strong><em>"Required?"</em></strong> box so that HubSpot can successfully push to this list.</li></ul><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Contacts/Collected_Forms/column-mailchimp-required.png" alt="" width="803" height="336"><ul><li>Click <strong>Save Changes</strong>.</li></ul> These errors are occurring because the MailChimp list has required fields (merge tags) which HubSpot does not send over a value for. Learn more. Why are my Contacts from Lead Flows or Collected Forms not pushing to MailChimp? 4475868771 articles/kcs_article/collected-forms/why-are-my-contacts-not-pushing-to-mailchimp https://app.hubspot.com/content/53/edit-beta/4475868771
https://knowledge.hubspot.com/articles/kcs_article/lead-flows/lead-flows-dashboard <p>When clicking on Lead Flows in your&nbsp;Leadin navigation you will be brought to your Lead Flows Dashboard. From here you can create new lead flows in your account (more than one) and see some high-level data and manage each lead flow you've created.</p><!--more--><h3>Create new lead flows</h3><p>You can create multiple lead flows from&nbsp;the new Lead Flows Dashboard by clicking <strong>Create lead flow</strong>&nbsp;in the top-right of the page. This will allow you to create lead flows&nbsp;for different pages and purposes.&nbsp;</p><p><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Content/Lead_Flows/lead-flows-create-new.png" alt="" width="493" style="width: 493px;"></p><h3>Activate and Deactivate your lead flows</h3><p>You can quickly activate and deactivate a lead flow right from the Lead Flows Dashboard&nbsp;by toggling the switch to the right.</p><h3>Lead flow analytics</h3><p>The Lead Flows Dashboard provides an overview of the performance of your lead flows&nbsp;by providing the views, conversion rate and contacts of each one. This includes all the data&nbsp;since the lead flow was created.&nbsp;</p><p><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Content/Lead_Flows/lead-flows-analytics.png" alt="flow-analytics.png" width="1024" style="width: 1024px; display: block; margin-left: auto; margin-right: auto;" title="flow-analytics.png" caption="false" data-constrained="true"></p> When clicking on Lead Flows in your Leadin navigation you will be brought to your Lead Flows Dashboard. From here you can create new lead flows in your account (more than one) and see some high-level data and manage each lead flow you've created. The Lead Flows Dashboard 4464003907 articles/kcs_article/lead-flows/lead-flows-dashboard https://app.hubspot.com/content/53/edit-beta/4464003907
https://knowledge.hubspot.com/articles/kcs_article/lead-flows/how-do-i-receive-email-notifications-from-lead-flows-or-collected-forms <p><span>Below, you can find instructions to enable or edit email notification settings for new submissions on your Lead Flows or Collected Forms.<!--more--></span></p><h3><span>Lead Flows</span></h3><ul><li>If you are a&nbsp;<strong>Marketing </strong><i>Basic</i>, <i>Professional</i>, or <i>Enterprise</i> customer, navigate to&nbsp;<strong>Content</strong>&nbsp;&gt;&nbsp;<strong>Lead</strong><strong>&nbsp;Flows</strong>.<ul><li>From your&nbsp;<strong>Marketing</strong><i> Free</i> or <i>Starter</i>&nbsp;account&nbsp;navigate to&nbsp;<strong>Lead Flows</strong>.</li></ul></li></ul><ul><li>Click&nbsp;<strong>Settings</strong> in the upper-right.<br><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Content/Lead_Flows/lead-flows-settings.png" alt="" width="720" height="290"></li><li><span>On the lefthand side, click</span>&nbsp;<strong>Email Notifications</strong>.&nbsp;</li><li>Click&nbsp;<strong>Add another email address&nbsp;</strong>to add a new email address to the list of recipients for notifications, click the&nbsp;<strong>trashcan</strong> next to an email address to remove it, or click<strong> into the text field</strong> to edit an existing address.&nbsp;</li></ul><p><span><img src="http://cdn2.hubspot.net/hubfs/324680/Knowledge_Base_Images/flows/lead-flows-notifications.png" alt="lead-flows-notifications.png" width="640" style="width: 640px; display: block; margin-left: auto; margin-right: auto;"></span></p><ul><li><span>Click&nbsp;<strong>Save settings</strong> to save your changes.</span></li><li>To disable email notifications, remove all emails from the settings by clicking the <strong>trashcan</strong>&nbsp;for each address and click <strong>Save settings</strong>&nbsp;at the bottom.</li></ul><p>&nbsp;</p><h3><span>Collected Forms</span></h3><ul><li><p class="p1">From your&nbsp;<strong>Marketing</strong><i> Free</i> or <i>Starter</i>&nbsp;account&nbsp;navigate to&nbsp;<strong>Collected Forms</strong>.</p><ul class="ul1"><li class="li1">If you are a <strong>Marketing </strong><i>Basic</i>, <i>Professional</i>, or <i>Enterprise</i> customer, navigate to&nbsp;<strong>Contacts</strong> &gt;&nbsp;<strong>Collected Forms</strong>.&nbsp;</li></ul></li><li><span>Click on&nbsp;<strong>Settings</strong> in the upper-right.<br><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Contacts/Collected_Forms/collected-forms-settings.png" alt="" width="475" height="239"></span></li><li><span>On the lefthand side, click&nbsp;</span><strong>Email Notifications</strong>.&nbsp;</li></ul><ul><li>Click&nbsp;<strong>Add another email address&nbsp;</strong>to add a new email address to the list of recipients for notifications, click the&nbsp;<strong>trashcan</strong> next to an email address to remove it, or click<strong> into the text field</strong> to edit an existing address.&nbsp;</li></ul><p><span><img src="http://cdn2.hubspot.net/hubfs/324680/Knowledge_Base_Images/form_capture/collected-forms-notifications.png" alt="collected-forms-notifications.png" width="640" style="width: 640px; display: block; margin-left: auto; margin-right: auto;"></span></p><ul><li><span>Click&nbsp;<strong>Save settings</strong> to save your changes.</span></li><li>To disable email notifications, remove all emails from the settings by clicking the <strong>trashcan</strong> for each email address&nbsp;and click <strong>Save settings</strong>&nbsp;at the bottom.</li></ul><p class="alert">If you are not receiving email notifications as expected, please check the&nbsp;spam or junk folder in your inbox.</p> To enable email notifications for lead flow or collected form submissions, navigate to either tool and go to your Settings. How do I receive email notifications from Lead Flows or Collected Forms? 4464191812 articles/kcs_article/lead-flows/how-do-i-receive-email-notifications-from-lead-flows-or-collected-forms https://app.hubspot.com/content/53/edit-beta/4464191812
https://knowledge.hubspot.com/articles/kcs_article/lead-flows/how-do-i-connect-lead-flows-and-collected-forms-to-mailchimp <p>It is possible to&nbsp;connect your Lead Flows and Collected Forms with your MailChimp account to push contacts who submit your forms into specific lists in MailChimp.</p><!--more--><p>HubSpot&nbsp;will automatically push new contacts who submit your form to your chosen MailChimp list, however it is important to note the following:</p><ul><li>HubSpot&nbsp;will not retroactively push contacts who submitted your form before configuring these steps, only new contacts going forward.</li><li>HubSpot&nbsp;will not be able to sync with a MailChimp list that has additional required fields like County for example. Since HubSpot&nbsp;does not sync additional fields like this to MailChimp we will not be able to add them to your list. We recommend that you sync your form with another MailChimp list, or alternatively remove the requirement of these fields. Learn more <a href="https://knowledge.hubspot.com/articles/kcs_article/collected-forms/why-are-my-contacts-not-pushing-to-mailchimp" target="_blank">here</a>.</li><li>HubSpot&nbsp;is only able to trigger autoresponse emails using&nbsp;a&nbsp;MailChimp Professional Subscription's automation tool. Learn more about these steps <a href="https://www.youtube.com/watch?v=MDWPAFRQunk" rel="nofollow" target="_blank">here</a>.</li></ul><p>&nbsp;</p><h3>Collected Forms</h3><ul><li><p class="p1">From your&nbsp;<strong>Marketing</strong><i> Free</i> or <i>Starter</i>&nbsp;account&nbsp;navigate to&nbsp;<strong>Collected Forms</strong>.</p><ul class="ul1"><li class="li1">If you are a <strong>Marketing </strong><i>Basic</i>, <i>Professional</i>, or <i>Enterprise</i> customer, navigate to&nbsp;<strong>Contacts</strong> &gt;&nbsp;<strong>Collected Forms</strong>.</li></ul></li><li class="li1">Click on&nbsp;<strong>Settings</strong> in the upper-righthand corner.</li><li>On the lefthand side, click&nbsp;<strong>Email Sync</strong>.</li><li>Select <strong>MailChimp</strong> as your Email Provider.</li><li>Enter your&nbsp;<strong>MailChimp API Key</strong> in the text field and click&nbsp;<strong>Save settings</strong>.&nbsp;</li></ul><p><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Content/Lead_Flows/email-sync-mailchimp.png" alt="" width="803" height="419"></p><ul><li>Find&nbsp;the form you would like to push&nbsp;to MailChimp.</li><li>Click <strong>Actions&nbsp;</strong>and&nbsp;<strong>Edit MailChimp&nbsp;lists</strong>.</li></ul><p><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Contacts/Collected_Forms/collected-forms-edit-mailchimp-lists.png" alt="" width="803" height="96"></p><ul><li>Select&nbsp;the MailChimp&nbsp;list(s) you would like to push contacts into.</li><li>Click <strong>Save</strong><em><em>.</em></em></li></ul><p style="text-align: center;"><img src="http://cdn2.hubspot.net/hubfs/324680/Knowledge_Base_Images/email_provider_integrations/esppush.gif" alt="esppush.gif" title="esppush.gif" width="1024" style="width: 1024px; display: block; margin-left: auto; margin-right: auto;"></p><p style="text-align: left;">&nbsp;</p><h3>Lead Flows</h3><ul><li><p class="p1">From your&nbsp;<strong>Marketing</strong><i> Free</i> or <i>Starter</i>&nbsp;account&nbsp;navigate to&nbsp;<strong>Lead Flows</strong>.</p><ul class="ul1"><li class="li1">If you are a <strong>Marketing </strong><i>Basic</i>, <i>Professional</i>, or <i>Enterprise</i> customer, navigate to&nbsp;<strong>Content</strong>&nbsp;&gt; <strong>Lead Flows</strong>.</li></ul></li><li class="li1">Click on&nbsp;<strong>Settings</strong> in the upper-righthand corner.</li><li>On the lefthand side, click&nbsp;<strong>Email Sync</strong>.</li><li>Select <strong>MailChimp</strong> as your Email Provider.</li><li>Enter your&nbsp;<strong>MailChimp API Key</strong> in the field and click&nbsp;<strong>Save settings</strong>.&nbsp;</li></ul><p><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Content/Lead_Flows/email-sync-mailchimp.png" alt="" width="803" height="419"></p><ul><li>Find the Lead Flow you'd like to push to MailChimp.</li><li>Click&nbsp;<strong>Edit</strong>.</li><li>At the top of the screen, select&nbsp;<strong>Options</strong>.</li><li>Scroll to the bottom of the screen to click&nbsp;<strong>Select lists</strong>.</li><li>From within the pop-up screen, <strong>choose the&nbsp;MailChimp lists</strong> you'd like the Lead Flow to push contacts to and click <strong>Save</strong>.</li></ul><p><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Content/Lead_Flows/lead-flows-mailchimp-lists-2.gif" alt="" width="803" height="503"></p> Connect your Lead Flows and Connected Forms with your MailChimp account to push contacts who submit your forms into specific lists in MailChimp. How do I connect my Lead Flows and Collected forms to MailChimp? 4475992031 articles/kcs_article/lead-flows/how-do-i-connect-lead-flows-and-collected-forms-to-mailchimp https://app.hubspot.com/content/53/edit-beta/4475992031
https://knowledge.hubspot.com/articles/kcs_article/lead-flows/why-arent-my-lead-flows-displaying <p>If you have published a Lead Flow and it is not appearing on your site, this could be due to a few reasons:<!--more--></p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><h3>Your tracking code is not installed on your site</h3><p>Lead Flows are installed on your site using the HubSpot tracking code. If the tracking code is not present, the Lead Flow will not appear. To check if your tracking code is installed:</p><ul><li>Verify&nbsp;your <strong>HubSpot ID (Hub ID)</strong>.&nbsp;<span>If you do not know your </span><strong>Hub ID</strong><span>, navigate to your </span><strong>HubSpot Dashboard</strong><span>. Your Hub ID appears in the top right corner (in the navigation bar).</span></li><li>&nbsp;Open a page on your website in your browser and <strong>right-click</strong> on the screen.</li><li>&nbsp;Select&nbsp;<strong>View page source</strong>&nbsp;or&nbsp;<strong>View source</strong>.</li><li>The next screen will show all of the code that makes up your website.&nbsp;To find out if the HubSpot tracking code is installed, use the keyboard shortcut <strong>ctrl f</strong>&nbsp;or <strong>cmd f&nbsp;</strong>to bring up the search field. Search for <strong>[</strong><strong>your Hub ID]</strong><strong>.js</strong> - for example: <i>369684.js</i></li></ul><p><img src="https://cdn2.hubspot.net/hub/217515/file-555724187-gif/KCS_images/View_Page_Source.gif" alt="" width="767" height="730"></p><p>Learn how to install your tracking code if you are a Marketing Free or Starter user <a href="https://knowledge.hubspot.com/articles/kcs_article/reports/how-to-install-your-hubspot-tracking-code-on-an-external-website-with-marketing-free-and-starter" target="_blank">here</a>&nbsp;or a Marketing Basic, Pro, or Enterprise user <a href="https://knowledge.hubspot.com/articles/kcs_article/reports/how-do-i-install-the-hubspot-tracking-code-on-my-website" target="_blank">here</a>.</p><p>&nbsp;</p><h3>You have&nbsp;previously canceled, or pressed "x," on your Lead Flow</h3><p>Once a contact views a Lead Flow and then dismisses it by pressing the "x" or close button it will not appear again for them for the next 14 days. If you are not sure if this is happening on your computer, the best way to verify would be to open an incognito or in-private browser window to see if the Lead Flow appears.</p><p><img src="http://cdn2.hubspot.net/hubfs/53/Knowledge_Base_Images/Content/Lead_Flows/exit-lead-flow.png" alt="" width="492" style="width: 492px;"></p><p>&nbsp;</p><h3>You have already filled out your Lead Flow</h3><p>Once a Lead Flow has been completed and submitted by a contact, it will then not display for them again. You can verify if this is happening to you by opening your web page in an incognito or in-private browser window.</p> Your Lead Flow will not appear on your site if your tracking code is not installed, the Lead Flow has been dismissed, or if you have completed the Lead Flow. Why aren't my lead flows displaying? 4450623174 articles/kcs_article/lead-flows/why-arent-my-lead-flows-displaying https://app.hubspot.com/content/53/edit-beta/4450623174
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment