Section & Variations › Pricing

Available Parameters
Parameter Type Description
variation Text
required
Default : footer-variation-1
Selected variations for Pricing section.
List of available variations :
  • footer-variation-1
  • footer-variation-2
  • footer-variation-3
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:
{
    "label"        : "Montly",
    "description"  : "Billed montly"
}
billingOption2 Billing Option Object Set attributes Billing Option 2.
Example:
{
    "label"        : "Montly",
    "description"  : "Billed montly"
}
billingActive Number
Default : 1
Number of selected Billing Option.
items Array of Pricing Item
required
Set list of pricing item.
Example:
[
    {
        "title"          : "Starter",
        "description"    : "For individual user",
        "currency"       : "$",
        "price" : [
            8, 80
        ],
        "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 ",
                "link" : "#",
                "classes"    : "btn btn-primary btn-icon"
            }
        ]
    }
]
contact Billing Contact Object
Available for : pricing-variation-2
Set attributes for Billing Contact.
Example:
{
    "description"   : "Would you like a demo for yourself or your team?",
    "button"        : {
        "text"    : "Schedule a demo",
        "link"    : "#",
    }
}
Available Variations
Starter Kit Codes
{# include sections/pricing  #}
{% include "sections/pricing.twig", with {
    	"variation"	: "pricing-variation-1",

	"title"		: "Our Pricing",
	"description"	: "All of our plans are customized to fit the needs of small and large teams.",

	"billingOption1"	: {
		"label"		: "Monthly",
		"description" : "Billed montly",
	},
	"billingOption2" 	: {
		"label"		: "Yearly",
		"description" : "Billed yearly",
	},

	"billingActive"	: 2,

	"items"		: [
		{
			"title"			: "Starter",
			"description"		: "For individual user",
			"currency"		: "$",
			"price"	: [
				8, 80,
			],

			"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\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
		{
			"title"			: "Professional",
			"description"		: "Best for small-medium team",
			"currency"		: "$",
			"price"	: [
				87, 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\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
		{
			"title"			: "Enterprice",
			"description"		: "Perfect for enterprice",
			"currency"		: "$",
			"price"	: [
				188, 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\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
	]
  } %}
Section Preview Pricing Variation 1
Starter Kit Codes
{# include sections/pricing  #}
{% include "sections/pricing.twig", with {
    	"variation"	: "pricing-variation-2",

	"title"		: "The same pricing for any size team",
	"description"	: "Built with love for growing businesses. Try Eclipse for free for 14 days.",

	"billingOption1"	: {
		"label"	: "Monthly",
		"description" : "Billed montly",
	},
	"billingOption2" 	: {
		"label"	: "Yearly",
		"description" : "Billed yearly",
	},

	"billingActive"	: 2,

	"items"		: [
		{
			"title"			: "Starter",
			"currency"		: "$",
			"price"	: [
				9, 90,
			],

			"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\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
		{
			"title"			: "Professional",
			"currency"		: "$",
			"price"	: [
				29, 290,
			],

			"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\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
	],
	"contact" : {
		"description"	: "Would you like a demo for yourself or your team?",
		"button"		: {
			"text"	: "Schedule a demo",
			"link"	: "#",
		}
	}
  } %}
Section Preview Pricing Variation 2
Starter Kit Codes
{# include sections/pricing  #}
{% include "sections/pricing.twig", with {
    	"variation"	: "pricing-variation-3",

	"title"		: "Our Pricing",
	"description"	: "Select the plan that aligns with your requirements and start enjoying the benefits of our powerful solution.",

	"billingOption1"	: {
		"label"	: "Monthly",
	},
	"billingOption2" 	: {
		"label"	: "Yearly",
	},

	"billingActive"	: 2,

	"items"		: [
		{
			"title"			: "Starter",
			"description"	: "For individual user",
			"currency"		: "",
			"price"	: [
				"Free", "Free",
			],

			"featureTitle"	: "This plan includes:",
			"features"	: [
				"2 team members",
				"3 apps",
				"500 updates/month",
				"250MB storage",
				"2 Automation Rules (Triggers)",
			],

			"cta" : [
				{
					"text"	: "Get started <i class=\"ic ic-chevron-right\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
		{
			"title"			: "Professional",
			"description"	: "Best for small-medium team",
			"currency"		: "$",
			"price"	: [
				28, 280,
			],

			"featureTitle"	: "This plan includes:",
			"features"	: [
				"10 team members",
				"5 apps",
				"1,000 updates/month",
				"5GB storage",
				"5 Automation Rules (Triggers)",
			],

			"cta" : [
				{
					"text"	: "Get started <i class=\"ic ic-chevron-right\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
		{
			"title"			: "Enterprice",
			"description"	: "Perfect for enterprice",
			"currency"		: "$",
			"price"	: [
				180, 1500,
			],

			"featureTitle"	: "This plan includes:",
			"features"	: [
				"Unlimited team members",
				"10 apps",
				"5,000 updates/month",
				"50GB storage",
				"15 Automation Rules (Triggers)",
			],

			"cta" : [
				{
					"text"	: "Get started <i class=\"ic ic-chevron-right\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
		{
			"title"			: "Enterprice",
			"description"	: "Perfect for enterprice",
			"currency"		: "$",
			"price"	: [
				288, 2500,
			],

			"featureTitle"	: "This plan includes:",
			"features"	: [
				"Unlimited team members",
				"20 apps",
				"10,000 updates/month",
				"100GB storage",
				"15 Automation Rules (Triggers)",
			],

			"cta" : [
				{
					"text"	: "Get started <i class=\"ic ic-chevron-right\"></i>",
					"link"	: "#",
					"classes"	: "btn btn-lg btn-primary rounded-pill btn-icon",
				},
			],
		},
	]
  } %}
Section Preview Pricing Variation 3