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
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"  : "/mo"
}
items Array of Pricing Item
required
Set list of pricing item.
Example:
[
    {
        "title"          : "Starter",
        "currency"       : "$",
        "price"    : [
            24,
        ],

        "features"    : [
            "10 public users",
            "5 apps",
            "1,000 updates/month",
            "5GB storage",
        ],

        "cta" : [
            {
                "text"       : "Get started <i class=\"ic ic-chevron-right white\"></i>",
                "link"       : "#",
                "classes"    : "btn btn-lg btn-primary btn-icon",
            },
            {
                "text"    : "Learn more",
                "link"    : "#",
                "classes" : "",
            },
        ]
    }
]
contact Billing Contact Object Set attributes for Billing Contact.
Example:
{
    "description"    : "Need a custom plan for your team?",
    "button"         : {
        "text"    : "Compare plan",
        "link"    : "#",
    }
}
Available Variations
Starter Kit Codes
{# include sections/pricing  #}
{% include "sections/pricing.twig", with {
    	"variation"	: "pricing-variation-1",

	"billingOption1"	: {
		"label"		: "Montly",
		"description" : "/mo",
	},

	"title"		: "Pricing Plans",
	"description"	: "At Worthy, we are dedicated to delivering exceptional solutions that cater to the needs of our valued customers.",

	"items"		: [
		{
			"title"			: "Basic",
			"currency"		: "",
			"price"	: [
				"Free",
			],

			"features"	: [
				"2 public users",
				"3 apps",
				"500 updates/month",
				"250MB storage",
			],

			"cta" : [
				{
					"text"		: "Get started <i class=\"ic ic-chevron-right white\"></i>",
					"link"		: "#",
					"classes"	: "btn btn-lg btn-primary btn-icon",
				},
				{
					"text"		: "Learn more",
					"link"		: "#",
					"classes"	: "",
				},
			],
		},
		{
			"title"			: "Starter",
			"currency"		: "$",
			"price"	: [
				24,
			],

			"features"	: [
				"10 public users",
				"5 apps",
				"1,000 updates/month",
				"5GB storage",
			],

			"cta" : [
				{
					"text"		: "Get started <i class=\"ic ic-chevron-right white\"></i>",
					"link"		: "#",
					"classes"	: "btn btn-lg btn-primary btn-icon",
				},
				{
					"text"		: "Learn more",
					"link"		: "#",
					"classes"	: "",
				},
			],
		},
		{
			"title"			: "Pro",
			"currency"		: "$",
			"price"	: [
				88,
			],

			"features"	: [
				"50 public users",
				"10 apps",
				"5,000 updates/month",
				"50GB storage",
			],

			"cta" : [
				{
					"text"		: "Get started <i class=\"ic ic-chevron-right white\"></i>",
					"link"		: "#",
					"classes"	: "btn btn-lg btn-primary btn-icon",
				},
				{
					"text"		: "Learn more",
					"link"		: "#",
					"classes"	: "",
				},
			],
		},
	]
  } %}
Section Preview Pricing Variation 1
Starter Kit Codes
{# include sections/pricing  #}
{% include "sections/pricing.twig", with {
    	"variation"	: "pricing-variation-2",

	"billingOption1"	: {
		"label"		: "Montly",
		"description" : "/mo",
	},

	"title"		: "Pricing Plans",
	"description"	: "At Entrada, we are dedicated to delivering exceptional solutions that cater to the needs of our valued customers.",

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

			"description"	: "Ideal for small businesses and startups lorem ipsum dolor set amet.",

			"features"	: [
				"2 team members",
				"1,000 Contacts & Companies",
				"5 Campaign Workflows",
				"5 Nodes Per Campaign",
				"2 Automation Rules (Triggers)",
			],

			"cta" : [
				{
					"text"		: "Start for free <i class=\"ic ic-chevron-right white\"></i>",
					"link"		: "#",
					"classes"	: "btn btn-lg btn-primary btn-icon",
				},
			],
		},
		{
			"title"			: "Pro",
			"currency"		: "$",
			"price"	: [
				48,
			],

			"description"	: "Perfect for growing businesses lorem ipsum dolor set amet.",

			"features"	: [
				"10 team members",
				"2,500 Contacts & Companies",
				"5 Campaign Workflows",
				"10 Nodes Per Campaign",
				"5 Automation Rules (Triggers)",
			],

			"cta" : [
				{
					"text"		: "Start for free <i class=\"ic ic-chevron-right white\"></i>",
					"link"		: "#",
					"classes"	: "btn btn-lg btn-primary btn-icon",
				},
			],
		},
	],
	"contact" : {
		"description"	: "Need a custom plan for your team?",
		"button"		: {
			"text"		: "Compare plan",
			"link"		: "#",
		}
	}
  } %}
Section Preview Pricing Variation 2