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%”)