Below are sample, full parameter sets for Hugo’s site configuration, front matter, and data files.
Available in three formats: json, yaml, and toml for easier copying and pasting to suit your needs.
Just a brief reminder that not all parameters are required. In fact, only one place needs to define the calendar - all other parameters are optional.
This means that you can have multiple locations with partial configuration pieces in each.
Located in your Hugo root folder. Typically config.toml, config.yaml or config.json.
(See also Hugo’s Getting Started - Configuration page.)
{
"Params": {
"calendly": {
"calendar": "bespokesy/demo1",
"type": "popupLink",
"text": "Find a time to talk with me",
"style": {
"page": {
"background_color": "bf3b3b",
"text_color": "8fa7d0",
"primary_color": "0679b2",
"hide_gdpr_banner": true,
"hide_page_details": true
},
"badge": {
"hide_branding": true,
"background_color": "f6f6f6",
"text_color": "333c54",
"align": "center"
},
"inline": {
"min_width": "700px",
"height": "880px"
}
},
"utm": {
"campaign": "test campaign",
"source": "test source",
"medium": "test medium",
"content": "test content",
"term": "test term"
}
}
}
}
Params:
calendly:
calendar: "bespokesy/demo1"
type: "popupLink"
text: "Find a time to talk with me"
style:
page:
background_color: "bf3b3b"
text_color: "8fa7d0"
primary_color: "0679b2"
hide_gdpr_banner: true
hide_page_details: true
badge:
hide_branding: true
background_color: "f6f6f6"
text_color: "333c54"
align: center
inline:
min_width: "700px"
height: "880px"
utm:
campaign: "test campaign"
source: "test source"
medium: "test medium"
content: "test content"
term: "test term"
[Params.calendly]
calendar = "bespokesy/demo1"
type = "popupLink"
text = "Find a time to talk with me"
[Params.calendly.style]
[Params.calendly.style.page]
background_color = "bf3b3b"
text_color = "8fa7d0"
primary_color = "0679b2"
hide_page_details = true
hide_gdpr_banner = true
[Params.calendly.style.badge]
hide_branding = true
background_color = "f6f6f6"
text_color = "333c54"
align = "center"
[Params.calendly.style.inline]
min_width = "700px"
height = "880px"
[Params.calendly.utm]
campaign = "test campaign"
source = "test source"
medium = "test medium"
content = "test content"
term = "test term"
At the top of a Hugo page. Can be json, yaml, or toml format.
(See also Hugo’s page on Front Matter.)
{
"calendly": {
"calendar": "bespokesy/demo1",
"type": "popupLink",
"text": "Find a time to talk with me",
"style": {
"page": {
"background_color": "bf3b3b",
"text_color": "8fa7d0",
"primary_color": "0679b2",
"hide_gdpr_banner": true,
"hide_page_details": true
},
"badge": {
"hide_branding": true,
"background_color": "f6f6f6",
"text_color": "333c54",
"align": "center"
},
"inline": {
"min_width": "700px",
"height": "880px"
}
},
"utm": {
"campaign": "test campaign",
"source": "test source",
"medium": "test medium",
"content": "test content",
"term": "test term"
}
}
}
calendly:
calendar: "bespokesy/demo1"
type: "popupLink"
text: "Find a time to talk with me"
style:
page:
background_color: "bf3b3b"
text_color: "8fa7d0"
primary_color: "0679b2"
hide_gdpr_banner: true
hide_page_details: true
badge:
hide_branding: true
background_color: "f6f6f6"
text_color: "333c54"
align: center
inline:
min_width: "700px"
height: "880px"
utm:
campaign: "test campaign"
source: "test source"
medium: "test medium"
content: "test content"
term: "test term"
[calendly]
calendar = "bespokesy/demo1"
type = "popupLink"
text = "Find a time to talk with me"
[calendly.style]
[calendly.style.page]
background_color = "bf3b3b"
text_color = "8fa7d0"
primary_color = "0679b2"
hide_page_details = true
hide_gdpr_banner = true
[calendly.style.badge]
hide_branding = true
background_color = "f6f6f6"
text_color = "333c54"
align = "center"
[calendly.style.inline]
min_width = "700px"
height = "880px"
[calendly.utm]
campaign = "test campaign"
source = "test source"
medium = "test medium"
content = "test content"
term = "test term"
Data files need to be located under data/calendly/ to be recognized by the shortcode.
Default values should be in default.json, default.yaml, or default.toml.
Named data files need to be located in the same folder and will be loaded if the value of the dataSet parameter on the shortcode can be matched to a .json, .yaml, or .toml file with the same name.
For example, adding {{< calendly dataSet="janedoe" />}} to a page will load a corresponding data file called data/calendly/janedoe.json (as well as default parameters in other locations).
{
"calendar": "bespokesy/demo1",
"type": "popupLink",
"text": "Find a time to talk with me",
"style": {
"page": {
"background_color": "bf3b3b",
"text_color": "8fa7d0",
"primary_color": "0679b2",
"hide_gdpr_banner": true,
"hide_page_details": true
},
"badge": {
"hide_branding": true,
"background_color": "f6f6f6",
"text_color": "333c54",
"align": "center"
},
"inline": {
"min_width": "700px",
"height": "880px"
}
},
"utm": {
"campaign": "test campaign",
"source": "test source",
"medium": "test medium",
"content": "test content",
"term": "test term"
}
}
calendar: "bespokesy/demo1"
type: "popupLink"
text: "Find a time to talk with me"
style:
page:
background_color: "bf3b3b"
text_color: "8fa7d0"
primary_color: "0679b2"
hide_gdpr_banner: true
hide_page_details: true
badge:
hide_branding: true
background_color: "f6f6f6"
text_color: "333c54"
align: center
inline:
min_width: "700px"
height: "880px"
utm:
campaign: "test campaign"
source: "test source"
medium: "test medium"
content: "test content"
term: "test term"
calendar = "bespokesy/demo1"
type = "popupLink"
text = "Find a time to talk with me"
[style]
[style.page]
background_color = "bf3b3b"
text_color = "8fa7d0"
primary_color = "0679b2"
hide_page_details = true
hide_gdpr_banner = true
[style.badge]
hide_branding = true
background_color = "f6f6f6"
text_color = "333c54"
align = "center"
[style.inline]
min_width = "700px"
height = "880px"
[utm]
campaign = "test campaign"
source = "test source"
medium = "test medium"
content = "test content"
term = "test term"