Section & Variations › Pricing
Available Parameters
| Parameter | Type | Description |
|---|---|---|
variation
|
Text
required Default : footer-variation-1
|
Selected variations for Pricing section. List of available variations :
|
title
|
Text | Set title for Pricing section. |
description
|
Text | Set description for Pricing section |
billingOption1
|
Billing Option Object
required |
Set attributes Billing Option 1. Example: {
|
billingOption2
|
Billing Option Object | Set attributes Billing Option 2. Example: {
|
billingActive
|
Number
Default : 1
|
Number of selected Billing Option. |
items
|
Array of Pricing Item
required |
Set list of pricing item. Example: [
|
cta
|
Text HTML | Display CTA in Pricing section. Example: 'Need a custom plan for your team? <a href="#contact">Contact us</a>'
|
Available Variations
Starter Kit Codes
{# include sections/pricing #}
{% include "sections/pricing.twig", with {
'variation' : 'pricing-variation-1',
'title' : 'Pricing Plans',
'description' : 'At Vanguard, we are dedicated to delivering exceptional solutions that cater to the needs of our valued customers.',
'billingOption1' : {
'label' : 'Montly',
'description' : 'per month per user',
},
'billingActive' : 1,
'items' : [
{
'title' : '<i class="ic ic-balloon primary"></i> Starter',
'description' : 'Explore our product with no commitment',
'currency' : '$',
'price' : [
18,
],
},
{
'title' : '<i class="ic ic-rocket primary"></i> Professional',
'description' : 'Ideal for small businesses and startups',
'currency' : '$',
'price' : [
48,
],
},
],
'cta' : 'Need a custom plan for your team? <a href="#contact">Contact us</a>'
} %}
Section Preview
Starter Kit Codes
{# include sections/pricing #}
{% include "sections/pricing.twig", with {
'variation' : 'pricing-variation-2',
'title' : 'Pricing Plans',
'description' : 'At Vanguard, we are dedicated to delivering exceptional solutions that cater to the needs of our valued customers.',
'billingOption1' : {
'label' : 'Montly',
'description' : 'Billed montly',
},
'billingOption2' : {
'label' : 'Yearly',
'description' : 'Billed yearly',
},
'billingActive' : 1,
'items' : [
{
'title' : 'Starter',
'description' : 'For individual user',
'currency' : '$',
'price' : [
0, 0,
],
'featureTitle' : 'This plan includes:',
'features' : [
'2 team members',
'1,000 Contacts & Companies',
'5 Campaign Workflows',
'5 Nodes Per Campaign',
'2 Automation Rules (Triggers)',
],
'cta' : [
{
'text' : 'Get started <i class="ic ic-chevron-right white"></i>',
'link' : '#',
'classes' : 'btn btn-lg btn-primary rounded-pill btn-icon',
},
],
},
{
'title' : 'Professional',
'description' : 'Best for small-medium team',
'currency' : '$',
'price' : [
88, 850,
],
'featureTitle' : 'This plan includes:',
'features' : [
'10 team members',
'2,500 Contacts & Companies',
'5 Campaign Workflows',
'10 Nodes Per Campaign',
'5 Automation Rules (Triggers)',
],
'cta' : [
{
'text' : 'Get started <i class="ic ic-chevron-right white"></i>',
'link' : '#',
'classes' : 'btn btn-lg btn-primary rounded-pill btn-icon',
},
],
},
{
'title' : 'Enterprice',
'description' : 'Perfect for enterprice',
'currency' : '$',
'price' : [
220, 1800,
],
'featureTitle' : 'This plan includes:',
'features' : [
'Unlimited team members',
'5,000 Contacts & Companies',
'25 Campaign Workflows',
'20 Nodes Per Campaign',
'15 Automation Rules (Triggers)',
],
'cta' : [
{
'text' : 'Get started <i class="ic ic-chevron-right white"></i>',
'link' : '#',
'classes' : 'btn btn-lg btn-primary rounded-pill btn-icon',
},
],
},
]
} %}
Section Preview
Starter Kit Codes
{# include sections/pricing #}
{% include "sections/pricing.twig", with {
'variation' : 'pricing-variation-3',
'title' : 'Our Pricing',
'description' : 'At Vanguard, we are dedicated to delivering exceptional solutions that cater to the needs of our valued customers.',
'billingOption1' : {
'label' : 'Monthly',
},
'billingOption2' : {
'label' : 'Yearly',
},
'billingActive' : 1,
'items' : [
{
'title' : '<i class="ic ic-balloon secondary"></i> Free',
'description' : 'Explore our product with no commitment',
'currency' : '$',
'price' : [
0, 0,
],
'featureTitle' : 'Features',
'features' : [
'2 public users',
'3 apps',
'500 updates/month',
'250MB storage',
],
'cta' : [
{
'text' : 'Get started <i class="ic ic-chevron-right"></i>',
'link' : '#',
'classes' : 'btn btn-lg btn-outline-dark-3 rounded-pill btn-icon',
},
],
},
{
'title' : '<i class="ic ic-parachute secondary"></i> Starter',
'description' : 'Ideal for small businesses and startups',
'currency' : '$',
'price' : [
24, 280,
],
'featureTitle' : 'Features',
'features' : [
'10 public users',
'5 apps',
'1,000 updates/month',
'5GB storage',
'Custom domains',
],
'cta' : [
{
'text' : 'Get started <i class="ic ic-chevron-right"></i>',
'link' : '#',
'classes' : 'btn btn-lg btn-outline-dark-3 rounded-pill btn-icon',
},
],
},
{
'title' : '<i class="ic ic-rocket secondary"></i> Professional',
'description' : 'Perfect for growing businesses',
'currency' : '$',
'price' : [
88, 900,
],
'featureTitle' : 'Features',
'features' : [
'50 public users',
'10 apps',
'5,000 updates/month',
'50GB storage',
'Custom domains',
'Individual user analytics',
],
'cta' : [
{
'text' : 'Get started <i class="ic ic-chevron-right"></i>',
'link' : '#',
'classes' : 'btn btn-lg btn-outline-dark-3 rounded-pill btn-icon',
},
],
},
{
'title' : '<i class="ic ic-flyingsaucer secondary"></i> Enterprise',
'description' : 'Tailored for large enterprises',
'currency' : '$',
'price' : [
220, 2100,
],
'featureTitle' : 'Features',
'features' : [
'200 public users',
'20 apps',
'10,000 updates/month',
'1TB storage',
'Custom domains',
'Individual user analytics',
'Marketing Automation ',
],
'cta' : [
{
'text' : 'Get started <i class="ic ic-chevron-right white"></i>',
'link' : '#',
'classes' : 'btn btn-lg btn-primary rounded-pill btn-icon',
},
],
},
]
} %}
Section Preview