Skip to main content
Toggle navigation menu
Submit a request
Sign in
How can we help?
Search
Cordial Knowledge Base
Data and contact management
Web forms
Web forms
Tools for collecting contact data.
CreateTimer Helper Function
Install Web Forms via HTML
Helper Functions
QA Mode on a Staging Website
Welcome to Cordial Web Forms
Exporting Submission Data
AB Tests
Google Analytics for Event Tracking
Conversions in the Analytics Section
Summary section in Analytics
Complete list of all the analytics data you can access
Custom JS Boxes Notes
Stopping Form Submissions
Custom JavaScript for a Specific Lightbox
Lightbox GUID
Opt-in checkboxes
Accessing Form Data via Custom JS
How to Target Visitors Based on How Many Items are in Their Cart
Accessing the Client IP Address via Custom JS
Custom JS Overview (for Developers)
How to add Facebook Conversion Pixel Tracking
How do you get the lightbox to display on Infinite Scroll?
Adjacent Form Input Fields
AB Test versus a Multivariate Test
Cordial JavaScript Listener with Web Forms
<% var getColumnClasses = function(numberColumns) { var classNames = 'col-12'; if (numberColumns >= 2) classNames += ' md:col-6'; if (numberColumns >= 3) classNames += ' lg:col-4'; if (numberColumns >= 4) classNames += ' xl:col-3'; return classNames; } %>
<% if (heading) { %>
<%= heading %>
<% } %>
<% blocks.forEach(function(block, index) { %>
<% if (imageHeight) { %>
<% } %>
<% if (block.name) { %>
<%= block.name %>
<% } %> <% if (block.description) { %>
<%= block.description %>
<% } %>
<% }) %>
<% var getColumnClasses = function(numberColumns) { var classNames = 'col-12'; if (numberColumns >= 2) classNames += ' sm:col-6'; if (numberColumns >= 3) classNames += ' md:col-4'; if (numberColumns >= 4) classNames += ' lg:col-3'; return classNames; } %>
<% if (heading) { %>
<%= heading %>
<% } %>
<% blocks.forEach(function(block, index) { %>
<% if (imageHeight) { %>
<% } %>
<% if (block.name) { %>
<% if (block.html_url) { %>
<%= block.name %>
<% } else { %> <%= block.name %> <% } %>
<% } %> <% if (block.description) { %>
<%= block.description %>
<% } %>
<% }) %>
Have a question?
Contact support
Categories
<% categories.forEach(function(category, index) { %>
<%= category.name %>
<%= partial('partial-article-list-sections', { id: 'category-' + category.id, parentId: '#sidebar-article-navigation', sections: category.sections, activeCategoryId: activeCategoryId, activeSectionId: activeSectionId, activeArticleId: activeArticleId, partial: partial }) %>
<% }); %>
<% var maxSections = 5 %>
Toggle navigation menu
<% categories.forEach(function(category, index) { %>
<%= category.name %>
<%= partial('partial-section-list-sections', { parent: category, sections: category.sections, maxSections: maxSections, partial: partial }) %>
<% }); %>
Categories
Categories
<% categories.forEach(function(category) { %>
<%= category.name %>
<% }); %>
<% if (sections.length) { %>
<% sections.forEach(function(section) { %>
<%= section.name %>
<%= partial('partial-article-list-sections', { id: 'section-' + section.id, parentId: '#' + id, sections: section.sections, activeCategoryId: activeCategoryId, activeSectionId: activeSectionId, activeArticleId: activeArticleId, partial: partial }) %> <% if (section.articles.length) { %>
<% section.articles.forEach(function(article) { %>
<%= article.title %>
<% }); %>
<% } %>
<% }); %>
<% } %>
<% if (sections.length) { %>
<% sections.slice(0, maxSections).forEach(function(section) { %>
<%= section.name %>
<%= partial('partial-section-list-sections', { parent: section, sections: section.sections, maxSections: maxSections, partial: partial }) %>
<% }); %> <% if (sections.length > maxSections) { %>
See more
<% } %>
<% } %>