Section & Variations › Integrations

Available Parameters
Parameter Type Description
variation Text
required
Default : integrations-variation-1 		Set variation for Integrations section.
List of available variations :
  • integrations-variation-1
  • integrations-variation-2
title Text Set title for Integrations section.
description Text Set description for Integrations section
cta Text HTML Display CTA in Integrations section.
items Array of Integrations Item Set list of Integrations item.
Example:
[
    {
        "title"    : "Asana",
        "icon"    : "integation-item-asana.png"
    }
]
Available Variations
Starter Kit Codes 
{# include sections/integrations  #}
{% include "sections/integrations.twig", with {
    	'variation'		: 'integrations-variation-1',

	'title'			: 'Seamless automations with <br/>4000+ integrations',
	'description'		: 'Entrada absolutely works great with tools in your other existing platform..',
	
	'cta'			: '<a class="btn btn-sm btn-outline-dark-1" href="#">Learn More</a>',

	'items' : [
		{
			'title'	: 'Google Meet',
			'icon'	: 'integation-item-google-meet.png',
		},
		{
			'title'	: 'Trello',
			'icon'	: 'integation-item-trello.png',
		},
		{
			'title'	: 'Asana',
			'icon'	: 'integation-item-asana.png',
		},
		{
			'title'	: 'Zoom',
			'icon'	: 'integation-item-zoom.png',
		},
		{
			'title'	: 'Zendesk',
			'icon'	: 'integation-item-zendesk.png',
		},
		{
			'title'	: 'Loom',
			'icon'	: 'integation-item-loom.png',
		},
		{
			'title'	: 'Slack',
			'icon'	: 'integation-item-slack.png',
		},
		{
			'title'	: 'Gitlab',
			'icon'	: 'integation-item-gitlab.png',
		},
		{
			'title'	: 'Github',
			'icon'	: 'integation-item-github.png',
		},
	]
  } %}
Section Preview Integrations Variation 1
Starter Kit Codes 
{# include sections/integrations  #}
{% include "sections/integrations.twig", with {
    	'variation'		: 'integrations-variation-2',

	'title'			: 'Fully integrated with all the tools you\'re already familiar with',
	'description'		: 'Save time and effort - Integrate Chroma with lots of tool.',
	
	'cta'			: '<a class="btn btn-lg btn-primary btn-icon" href="#get-started">Explore Integration <i class="ic ic-chevron-right white"></i></a>',

	'items' : [
		{
			'title'	: 'notion',
			'icon'	: 'integation-item-notion.png',
		},
		{
			'title'	: 'gitlab',
			'icon'	: 'integation-item-gitlab.png',
		},
		{
			'title'	: 'trello',
			'icon'	: 'integation-item-trello.png',
		},
		{
			'title'	: 'asana',
			'icon'	: 'integation-item-asana.png',
		},
		{
			'title'	: 'entrada',
			'icon'	: 'integation-item-entrada.png',
			'class'	: 'full',
		},
		{
			'title'	: 'slack',
			'icon'	: 'integation-item-slack.png',
		},
		{
			'title'	: 'google-meet',
			'icon'	: 'integation-item-google-meet.png',
		},
		{
			'title'	: 'zendesk',
			'icon'	: 'integation-item-zendesk.png',
		},
		{
			'title'	: 'loom',
			'icon'	: 'integation-item-loom.png',
		},
	]
  } %}
Section Preview Integrations Variation 2