Section & Variations › Integrations
Available Parameters
| Parameter | Type | Description |
|---|---|---|
variation
|
Text
required Default : integrations-variation-1
|
Set variation for Integrations section. List of available variations :
|
tag
|
Text | Set tag value for Integrations section. |
title
|
Text | Set title for Integrations section. |
description
|
Text | Set description for Integrations section |
cta
|
Text HTML
Available for : integrations-variation-1, integrations-variation-2, integrations-variation-3
|
Display CTA in Integrations section. |
image
|
Filename
Available for : integrations-variation-4
|
Set image for illustration. The value is name of image file in the src/assets/images/ folder. |
items
|
Array of Integrations Item
Available for : integrations-variation-1, integrations-variation-2, integrations-variation-3
|
Set list of Integrations item. Example: [
|
Available Variations
Starter Kit Codes
{# include sections/integrations #}
{% include "sections/integrations.twig", with {
"variation" : "integrations-variation-1",
"tag" : "Integrations",
"title" : "Seamless integrations with other great tools",
"cta" : "<a class=\"link-with-icon\" href=\"#\">View all integrations <i class=\"ic ic-arrow-right dark-1\"></i></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" : "Zapier",
"icon" : "integation-item-zapier.png",
},
{
"title" : "Slack",
"icon" : "integation-item-slack.png",
},
{
"title" : "Gitlab",
"icon" : "integation-item-gitlab.png",
},
{
"title" : "Github",
"icon" : "integation-item-github.png",
},
]
} %}
Section Preview
Starter Kit Codes
{# include sections/integrations #}
{% include "sections/integrations.twig", with {
"variation" : "integrations-variation-2",
"tag" : false,
"title" : "Connect your app with the tools you love",
"description" : false,
"cta" : "<a class=\"link-with-icon\" href=\"#\">View all integrations <i class=\"ic ic-arrow-right dark-1\"></i></a>",
"items" : [
{
"title" : "Asana",
"description" : "Asana, Inc., is an American software company based in San Francisco whose flagship Asana service is a web.",
"icon" : "integation-item-asana.png",
},
{
"title" : "Intercom",
"description" : "Intercom, Inc. is a software company that specializes in business messaging, providing businesses with a way to chat.",
"icon" : "integation-item-intercom.png",
},
{
"title" : "Slack",
"description" : "Slack is an instant messaging program designed by Slack Technologies and owned by Salesforce. ",
"icon" : "integation-item-slack.png",
},
{
"title" : "Zapier",
"description" : "Zapier is a product that allows end users to integrate the web applications they use and automate workflows.",
"icon" : "integation-item-zapier.png",
},
{
"title" : "Zendesk",
"description" : "Zendesk, Inc. is a Danish-American company headquartered in San Francisco, California.",
"icon" : "integation-item-zendesk.png",
},
{
"title" : "Zoom",
"description" : "Zoom Video Communications, Inc. is a communications technology company headquartered in San Jose, California.",
"icon" : "integation-item-zoom.png",
},
]
} %}
Section Preview
Starter Kit Codes
{# include sections/integrations #}
{% include "sections/integrations.twig", with {
"variation" : "integrations-variation-3",
"tag" : "Integrations",
"title" : "Fully integrated with all the tools you're already familiar with",
"description" : "Save time and effort - Integrate Whimsy with lots of tool.",
"cta" : "<a class=\"btn btn-lg btn-primary btn-icon rounded-pill\" href=\"#get-started\">Explore Integration <i class=\"ic ic-chevron-right\"></i></a>",
"image" : "integrations-items-3.png"
} %}
Section Preview
Starter Kit Codes
{# include sections/integrations #}
{% include "sections/integrations.twig", with {
"variation" : "integrations-variation-4",
"tag" : "Integrations",
"title" : "Seamless integrations with other great tools",
"items" : [
{
"title" : "Hubspot",
"icon" : "integation-item-hubspot-full.png",
},
{
"title" : "Asana",
"icon" : "integation-item-asana-full.png",
},
{
"title" : "Zoom",
"icon" : "integation-item-zoom-full.png",
},
{
"title" : "Dropbox",
"icon" : "integation-item-dropbox-full.png",
},
{
"title" : "Zendesk",
"icon" : "integation-item-zendesk-full.png",
},
{
"title" : "Trello",
"icon" : "integation-item-trello-full.png",
},
{
"title" : "Intercom",
"icon" : "integation-item-intercom-full.png",
},
{
"title" : "Slack",
"icon" : "integation-item-slack-full.png",
},
{
"title" : "Zapier",
"icon" : "integation-item-zapier-full.png",
},
{
"title" : "Github",
"icon" : "integation-item-github-full.png",
},
]
} %}
Section Preview