{"id":3408,"date":"2023-05-11T10:44:41","date_gmt":"2023-05-11T02:44:41","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&p=3408"},"modified":"2025-03-07T16:20:20","modified_gmt":"2025-03-07T08:20:20","password":"","slug":"embed-a-flipbook","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/fr\/docs\/embed-a-flipbook\/","title":{"rendered":"Int\u00e9grer un Flipbook"},"content":{"rendered":"

FlipHTML5 vous permet d'int\u00e9grer des flipbooks sur votre site Web ou votre blog, en fournissant une exp\u00e9rience utilisateur am\u00e9lior\u00e9e<\/a>. Pour int\u00e9grer votre livre, suivez les instructions ci-dessous.<\/p>\n\n\n\n

S\u00e9lectionner [Objets]<\/strong> \u2013> Cliquez [ \u22ee ] <\/strong>-> puis cliquez sur [Int\u00e9grer]<\/strong><\/p>\n\n\n\n

    \n
  1. Aller \u00e0 Le Ouvrages<\/a> page. Survolez [ \u22ee ] les points de suspension verticaux <\/strong>sur le c\u00f4t\u00e9 gauche du livre que vous souhaitez int\u00e9grer.<\/li>\n\n\n\n
  2. Puis clique [Int\u00e9grer]<\/strong> <\/li>\n\n\n\n
  3. Choisissez Iframe, Fen\u00eatre contextuelle ou WordPress dans la bo\u00eete de dialogue en fonction de vos besoins.<\/li>\n<\/ol>\n\n\n\n

    <\/p>\n\n\n\n

    \"int\u00e9grez<\/figure>\n\n\n\n

    1. Iframe (recommand\u00e9) <\/h2>\n\n\n\n

    Int\u00e9grez votre flipbook directement avec le code d'int\u00e9gration. En suivant ces \u00e9tapes\u00a0:<\/p>\n\n\n\n

      \n
    1. Choisissez ou personnalisez la taille d'int\u00e9gration.<\/li>\n\n\n\n
    2. Personnalisez le num\u00e9ro de page de d\u00e9part du flipbook.<\/li>\n\n\n\n
    3. Copiez le code d'int\u00e9gration ci-dessous et collez-le dans l'\u00e9diteur de votre site Web.<\/li>\n<\/ol>\n\n\n\n

      <\/p>\n\n\n\n

      \"int\u00e9grez<\/figure>\n\n\n\n

      1.1 Iframe r\u00e9actif <\/h3>\n\n\n\n

      Dans certains cas, vous aurez peut-\u00eatre besoin d'une int\u00e9gration r\u00e9active. Vous pouvez essayer le code suivant. N'oubliez pas de remplacer { exemple.com\/votreURLdelivre<\/em> } <\/strong> avec le lien de votre livre<\/p>\n\n\n\n

      <em><div<\/em>\n<em>  style=&quot;gauche : 0 ; largeur : 100% ; hauteur : 0 ; position : relative ; rembourrage en bas : 75% ;&quot;&gt;<\/em>\n  <em><iframe<\/em>\n  <em> src=&quot;example.com\/yourbookurl&quot;<\/em>\n  <em> style=&quot;haut : 0 ; gauche : 0 ; largeur : 100% ; hauteur : 100% ; position : absolue ; bordure : 0 ;&quot;<\/em>\n  <em> autoriser le plein écran<\/em>\n  <em> scrolling=&quot;non&quot;&gt;<\/em>\n  <em><\/iframe><\/em>\n<em><\/div><\/em><\/code><\/pre>\n\n\n\n
      1.2 Utiliser le code Iframe dans WordPress et d'autres CMS<\/h3>\n\n\n\n
      La page d'\u00e9dition de WordPress et d'autres CMS propose des fonctionnalit\u00e9s permettant d'ins\u00e9rer un bloc de contenu HTML personnalis\u00e9. Copiez simplement le code d'int\u00e9gration et collez-le dans le bloc.<\/p>\n\n\n\n
      2. Fen\u00eatre contextuelle<\/h2>\n\n\n\n
      Gr\u00e2ce au "script de fen\u00eatre contextuelle", l'\u00e9l\u00e9ment peut ouvrir une fen\u00eatre pour lire le flipbook lorsque vous cliquez dessus. En suivant ces \u00e9tapes\u00a0:  <\/p>\n\n\n\n
        \n
      1. Choisissez ou personnalisez la taille d'int\u00e9gration.<\/li>\n\n\n\n
      2. Personnalisez le num\u00e9ro de la page de d\u00e9part et le titre du flipbook.<\/li>\n\n\n\n
      3. Chargez l'API de la fen\u00eatre contextuelle entre les balises head de votre fichier HTML.<\/li>\n\n\n\n
      4. Ajoutez les attributs suivants \u00e0 l'\u00e9l\u00e9ment que vous souhaitez faire appara\u00eetre dans la fen\u00eatre lorsque vous cliquez dessus.<\/li>\n<\/ol>\n\n\n\n
        <\/p>\n\n\n\n
        \"montrez<\/figure>\n\n\n\n
        3. Plugin WordPress<\/h2>\n\n\n\n
        Int\u00e9grez votre flipbook \u00e0 l'endroit souhait\u00e9 sur votre site WordPress par un shortcode. En suivant ces \u00e9tapes\u00a0:  <\/p>\n\n\n\n
          \n
        1. Choisissez la taille d'int\u00e9gration.<\/li>\n\n\n\n
        2. T\u00e9l\u00e9chargez et installez le plugin WordPress.<\/li>\n\n\n\n
        3. Copiez le shortcode et collez-le dans votre article ou votre page WordPress.<\/li>\n<\/ol>\n\n\n\n
          <\/p>\n\n\n\n
          \u258eNote: <\/strong>Le plugin ne doit \u00eatre install\u00e9 qu'une seule fois. Pour plus d'informations, veuillez consulter Installation de plugins WordPress<\/a>.<\/p>\n\n\n\n
          \"int\u00e9grez<\/figure>\n\n\n\n
          Termes li\u00e9s \u00e0 l'article\u00a0:
          <\/strong>int\u00e9grer un flipbook, comment int\u00e9grer un flipbook, guide d'int\u00e9gration de flipbook, int\u00e9gration de flipbooks sur le site Web, int\u00e9gration de flipbooks sur le blog, int\u00e9gration de code de flipbook, int\u00e9gration de flipbooks avec HTML, g\u00e9n\u00e9rateur d'int\u00e9gration de flipbook, plugin d'int\u00e9gration de flipbook, code iframe de flipbook<\/p>","protected":false},"excerpt":{"rendered":"
          FlipHTML5 vous permet d'int\u00e9grer des flipbooks sur votre site Web ou votre blog, offrant ainsi une exp\u00e9rience utilisateur am\u00e9lior\u00e9e. Pour int\u00e9grer votre livre, suivez les instructions ci-dessous. S\u00e9lectionnez [Publications] -> Cliquez sur [ \u22ee ] ->puis cliquez sur [Int\u00e9grer] 1. Iframe (recommand\u00e9) Int\u00e9grez votre flipbook directement avec le code d'int\u00e9gration. En suivant ces \u00e9tapes\u00a0: 1.1 Iframe r\u00e9actif Dans certains cas, [\u2026]<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[68],"doc_tag":[],"class_list":["post-3408","docs","type-docs","status-publish","hentry","doc_category-publications"],"year_month":"2026-04","word_count":380,"total_views":"19521","reactions":{"happy":"3","normal":"2","sad":"6"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/fr\/author\/andy\/"},"doc_category_info":[{"term_name":"Publications","term_url":"https:\/\/cms.flippagemaker.com\/fr\/docs-category\/publications\/"}],"doc_tag_info":[],"yoast_head":"\nEmbed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"FlipHTML5 enables you to embed flipbooks on your website or blog, providing an enhanced user experience. To embed your book, follow the instructions below. Select [Publications] –> Click [ \u22ee ] –>and then click [Embed] 1. Iframe (recommended) Embed your flipbook directly with the embed code. Following these steps: 1.1 Responsive Iframe In some cases, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/fr\/docs\/embed-a-flipbook\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-07T08:20:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/\",\"name\":\"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png\",\"datePublished\":\"2023-05-11T02:44:41+00:00\",\"dateModified\":\"2025-03-07T08:20:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embed a Flipbook\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_FR","og_type":"article","og_title":"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"FlipHTML5 enables you to embed flipbooks on your website or blog, providing an enhanced user experience. To embed your book, follow the instructions below. Select [Publications] –> Click [ \u22ee ] –>and then click [Embed] 1. Iframe (recommended) Embed your flipbook directly with the embed code. Following these steps: 1.1 Responsive Iframe In some cases, […]","og_url":"https:\/\/cms.flippagemaker.com\/fr\/docs\/embed-a-flipbook\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2025-03-07T08:20:20+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/","url":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/","name":"Embed a Flipbook - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png","datePublished":"2023-05-11T02:44:41+00:00","dateModified":"2025-03-07T08:20:20+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/click-embed-button.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Embed a Flipbook"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/comments?post=3408"}],"version-history":[{"count":18,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3408\/revisions"}],"predecessor-version":[{"id":7641,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3408\/revisions\/7641"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/media?parent=3408"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3408"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}