{"id":1178,"date":"2020-07-09T13:52:49","date_gmt":"2020-07-09T13:52:49","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=1178"},"modified":"2020-07-09T13:55:51","modified_gmt":"2020-07-09T13:55:51","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/","title":{"rendered":"FAQ &#8211; Examples"},"content":{"rendered":"<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 1: Accord\u00e9on<\/h3><div class=\"application-examples-item-description\">La disposition en accord\u00e9on a toutes les r\u00e9ponses cach\u00e9es et affiche la r\u00e9ponse lorsque vous cliquez sur la question. Il rend le widget compact et clair, tandis que vous pouvez cr\u00e9er de longues r\u00e9ponses d\u00e9taill\u00e9es et \u00e9viter les pages en d\u00e9sordre.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=fee2873a-0c2b-4f96-8b32-7a5d55e58f87&padding=20px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 2: Les cat\u00e9gories<\/h3><div class=\"application-examples-item-description\">La division des questions en cat\u00e9gories apporte une structure et permet aux visiteurs du site Web de trouver plus facilement les informations dont ils ont besoin. Les noms des cat\u00e9gories peuvent \u00eatre modifi\u00e9s et color\u00e9s. Vous pouvez \u00e9galement choisir des ic\u00f4nes pour eux.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=049a0bad-30cf-45a8-8548-1d5e9b68cfeb&padding=20px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 3: FAQ simple<\/h3><div class=\"application-examples-item-description\">La fa\u00e7on la plus courante de pr\u00e9senter la FAQ - une simple liste classique de questions avec des r\u00e9ponses ci-dessous une par une. Une bonne variante s'il n'y a pas beaucoup de texte et que le nombre de questions n'est pas important.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=477dcc89-ab4d-4143-baa9-2504771312d3&padding=20px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/fr\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Commencez par cr\u00e9er votre widget\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Commencez par cr\u00e9er votre widget<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Vite. Facile. Pas de codage.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Cr\u00e9er un widget<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 4: Multicolonne<\/h3><div class=\"application-examples-item-description\">La diffusion de votre contenu en plusieurs colonnes se fait automatiquement pour obtenir le meilleur aspect. Il permet d'\u00e9conomiser de l'espace sur la page et de cr\u00e9er un widget compact. Toutes les informations sont visibles en un coup d'\u0153il.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=8efee068-5499-4ccd-968b-90adebff4d1e&padding=20px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 5: Accord\u00e9on d\u00e9roulant<\/h3><div class=\"application-examples-item-description\">Cette modification de la disposition de l'accord\u00e9on affiche les questions et r\u00e9ponses avec des s\u00e9parateurs mais sans fronti\u00e8res ext\u00e9rieures. Les fl\u00e8ches indiquent que les r\u00e9ponses sont r\u00e9v\u00e9l\u00e9es en un clic. Ce mod\u00e8le a un look minimaliste propre.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=2f97b089-2018-48e5-b4a9-05f8097fa52b&padding=20px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 6: Couleurs personnalis\u00e9es<\/h3><div class=\"application-examples-item-description\">Vous \u00eates libre de choisir les couleurs du texte des questions, du texte des r\u00e9ponses, du fond et des noms de cat\u00e9gories pour obtenir l'aspect le plus \u00e9quilibr\u00e9 de votre widget FAQ. Cela peut contraster le jeu de couleurs principal de votre site Web ou cr\u00e9er une correspondance.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=6a2dc9b7-51d5-4599-a45b-87aff7e8fa1f&padding=20px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":1136,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-1178","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Exemples de FAQ sur l&#039;accord\u00e9on du site Web TOP 6 (en 2025)<\/title>\n<meta name=\"description\" content=\"Top 5 des exemples de FAQ sur le site Web: FAQ accord\u00e9on, mod\u00e8le multi-colonnes, mod\u00e8le d\u00e9roulant, couleurs personnalis\u00e9es et autres mod\u00e8les de page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exemples de FAQ sur l&#039;accord\u00e9on du site Web TOP 6 (en 2025)\" \/>\n<meta property=\"og:description\" content=\"Top 5 des exemples de FAQ sur le site Web: FAQ accord\u00e9on, mod\u00e8le multi-colonnes, mod\u00e8le d\u00e9roulant, couleurs personnalis\u00e9es et autres mod\u00e8les de page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-09T13:55:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Exemples de FAQ sur l'accord\u00e9on du site Web TOP 6 (en 2025)","description":"Top 5 des exemples de FAQ sur le site Web: FAQ accord\u00e9on, mod\u00e8le multi-colonnes, mod\u00e8le d\u00e9roulant, couleurs personnalis\u00e9es et autres mod\u00e8les de page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Exemples de FAQ sur l'accord\u00e9on du site Web TOP 6 (en 2025)","og_description":"Top 5 des exemples de FAQ sur le site Web: FAQ accord\u00e9on, mod\u00e8le multi-colonnes, mod\u00e8le d\u00e9roulant, couleurs personnalis\u00e9es et autres mod\u00e8les de page.","og_url":"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-07-09T13:55:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/","name":"Exemples de FAQ sur l'accord\u00e9on du site Web TOP 6 (en 2025)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-07-09T13:52:49+00:00","dateModified":"2020-07-09T13:55:51+00:00","description":"Top 5 des exemples de FAQ sur le site Web: FAQ accord\u00e9on, mod\u00e8le multi-colonnes, mod\u00e8le d\u00e9roulant, couleurs personnalis\u00e9es et autres mod\u00e8les de page.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"FAQ","item":"https:\/\/elfsight.com\/fr\/accordion-faq-widget\/"},{"@type":"ListItem","position":3,"name":"FAQ &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/fr\/#website","url":"https:\/\/elfsight.com\/fr\/","name":"Elfsight FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1129","h1":"","h1_caption":"","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":"","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=1178"}],"version-history":[{"count":1,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1178\/revisions"}],"predecessor-version":[{"id":1182,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1178\/revisions\/1182"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1136"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=1178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}