[joli-faq-seo] shortcode

This shortcode will display a FAQ Group using the global settings.

It requires at least one parameter: the id of the FAQ Group (it can be found on each FAQ Group).

Example:

[joli-faq-seo id="1"]

Shortcode parameters

id (required)
Unique identifier of a FAQ Group
Accepted values: number
accordion
Enables accordion mode
Accepted values: 0 or 1
open_first_question
Expands the first FAQ for the use to see the answer on page load
Accepted values: 0 or 1
show_faq_group_name
Shows the FAQ Group name above the FAQ Group
Accepted values: 0 or 1
search_bar
Shows a search bar above the FAQ Group (and below FAQ Group name if any)
Accepted values: 0 or 1
search_placeholder
Search bar placeholder
Accepted values: Text
search_highlight_color
Highlight color as the user types in the search bar
Accepted values: CSS color (ex: “#ffff00” or “red”)
sort_by
Sorting parameter
Accepted values:
“editor-position”, “user-engagement”, “creation-date”, “alphabetical”
sort_order
Sorting order
Accepted values: “asc” or “desc”
schema_faq
Outputs the JSON-LD structured data in your page
Accepted values: 0 or 1
enable_emojis
Enables emojis (if any selected)
Accepted values: 0 or 1
flat_layout
Activates the flat layout (all questions & answers are shown as normal content)
Accepted values: 0 or 1
theme
Theme name
Accepted values: “theme-1”, “theme-2”, “theme-3”, “theme-4”, etc
disable_custom_styles
Disables custom styles
Accepted values: 0 or 1
show_toggle
Shows a toggle button next to each question
Accepted values: 0 or 1
toggle_button_icon_style
Toggle button icon
Accepted values: “toggle-1″, ” toggle-2″, ” toggle-3″, ” toggle-4″, etc
toggle_rotate_180
Enables the alternate toggle effect
Accepted values: 0 or 1
toggle_position
Toggle position relative to the question
Accepted values: “right”, “left
toggle_size
Toggle size
Accepted values: “xs”, “s”, “m”, “l”
toggle_border
Enables a border for the toggle
Accepted values: 0 or 1
toggle_background_shape
Toggle background shape
Accepted values: “circle”, “rounded”, “square”
toggle_color
Toggle color
Accepted values: CSS color (ex: “#ffff00” or “red”)
toggle_border_color
Toggle border color
Accepted values: CSS color (ex: “#ffff00” or “red”)
toggle_background_color
Toggle background color
Accepted values: CSS color (ex: “#ffff00” or “red”)
toggle_opened_color
Toggle color (opened state)
Accepted values: CSS color (ex: “#ffff00” or “red”)
toggle_opened_border_color
Toggle border color (opened state)
Accepted values: CSS color (ex: “#ffff00” or “red”)
toggle_opened_background_color
Toggle background color (opened state)
Accepted values: CSS color (ex: “#ffff00” or “red”)
questions_uppercase
Transforms questions to uppercase
Accepted values: 0 or 1
questions_tag
HTML tag that will be used for the question
Accepted values: “h3”, “div”, etc
questions_color
Questions color
Accepted values: CSS color (ex: “#ffff00” or “red”)
questions_background_color
Questions background color
Accepted values: CSS color (ex: “#ffff00” or “red”)
questions_font_size
Questions font size
Accepted values: CSS compatible font size (ex: “12px”, “1.2em”, “50%”)
questions_font_weight
Questions font weight
Accepted values: “none” , “100”, “200”, “300”, “400”, “500”, “600”, “700”, “800”, “900”, “lighter”, “bolder”
questions_opened_color
Questions color (opened state)
Accepted values: CSS color (ex: “#ffff00” or “red”)
questions_opened_background_color
Questions background color (opened state)
Accepted values: CSS color (ex: “#ffff00” or “red”)
questions_opened_font_size
Questions font size (opened state)
Accepted values: CSS compatible font size (ex: “12px”, “1.2em”, “50%”)
questions_opened_font_weight
Questions font weight (opened state)
Accepted values: “none” , “100”, “200”, “300”, “400”, “500”, “600”, “700”, “800”, “900”, “lighter”, “bolder”
answer_container_background_color
Answer container background color
Accepted values: CSS compatible font size (ex: “12px”, “1.2em”, “50%”)
answer_background_color
Answer background color
Accepted values: CSS compatible font size (ex: “12px”, “1.2em”, “50%”)
answer_color
Answer color
Accepted values: CSS compatible font size (ex: “12px”, “1.2em”, “50%”)
answer_font_size
Answer font size
Accepted values: CSS compatible font size (ex: “12px”, “1.2em”, “50%”)
Was this page helpful?
Close Menu