{"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\/fi\/docs\/embed-a-flipbook\/","title":{"rendered":"Upota Flipbook"},"content":{"rendered":"

FlipHTML5:n avulla voit upottaa fl\u00e4ppikirjoja verkkosivustollesi tai blogiisi parannettu k\u00e4ytt\u00f6kokemus<\/a>. Upota kirjasi noudattamalla alla olevia ohjeita.<\/p>\n\n\n\n

Valitse [Julkaisut]<\/strong> -> Napsauta [\u22ee] <\/strong>-> ja napsauta sitten [Upottaa]<\/strong><\/p>\n\n\n\n

    \n
  1. Siirry kohtaan The Julkaisut<\/a> sivu. Vie hiiri p\u00e4\u00e4lle [\u22ee ] pystysuora ellipsi <\/strong>sen kirjan vasemmalla puolella, jonka haluat upottaa.<\/li>\n\n\n\n
  2. Napsauta sitten [Upottaa]<\/strong> <\/li>\n\n\n\n
  3. Valitse valintaikkunasta iframe, ponnahdusikkuna tai WordPress tarpeidesi mukaan.<\/li>\n<\/ol>\n\n\n\n

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

    \"upota<\/figure>\n\n\n\n

    1. Iframe (suositus) <\/h2>\n\n\n\n

    Upota fl\u00e4ppikirjasi suoraan upotuskoodilla. Toimi seuraavasti:<\/p>\n\n\n\n

      \n
    1. Valitse tai muokkaa upotuskokoa.<\/li>\n\n\n\n
    2. Mukauta fl\u00e4ppikirjan aloitussivunumero.<\/li>\n\n\n\n
    3. Kopioi alla oleva upotuskoodi ja liit\u00e4 se verkkosivustosi editoriin.<\/li>\n<\/ol>\n\n\n\n

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

      \"upota<\/figure>\n\n\n\n

      1.1 Responsiivinen iframe <\/h3>\n\n\n\n

      Joissakin tapauksissa saatat tarvita reagoivan upotuksen. Voit kokeilla seuraavaa koodia. Muista vaihtaa { esimerkki.fi\/kirjasi URL-osoite<\/em> } <\/strong> kirjasi linkin kanssa<\/p>\n\n\n\n

      <em><div<\/em>\n<em>  style=&quot;left: 0; width: 100%; height: 0; position: suhteellisen; padding-bottom: 75%;&quot;&gt;<\/em>\n  <em><iframe<\/em>\n  <em> src=&quot;example.com\/yourbookurl&quot;<\/em>\n  <em> style=&quot;top: 0; left: 0; width: 100%; height: 100%; position: absoluuttinen; border: 0;&quot;<\/em>\n  <em> salli täysi näyttö<\/em>\n  <em> scrolling=&quot;no&quot;&gt;<\/em>\n  <em><\/iframe><\/em>\n<em><\/div><\/em><\/code><\/pre>\n\n\n\n
      1.2 K\u00e4yt\u00e4 Iframe-koodia WordPressiss\u00e4 ja muissa sis\u00e4ll\u00f6nhallintaj\u00e4rjestelmiss\u00e4<\/h3>\n\n\n\n
      WordPressin ja muiden sis\u00e4ll\u00f6nhallintaj\u00e4rjestelmien muokkaussivulla on ominaisuuksia, joiden avulla voit lis\u00e4t\u00e4 "muokatun HTML-sis\u00e4lt\u00f6lohkon". Kopioi vain upotuskoodi ja liit\u00e4 se lohkoon.<\/p>\n\n\n\n
      2. Ponnahdusikkuna<\/h2>\n\n\n\n
      "Ponnahdusikkunan skriptin" avulla elementti voi avata ikkunan, jossa voit toistaa fl\u00e4ppikirjan, kun napsautat sit\u00e4. Toimi seuraavasti:  <\/p>\n\n\n\n
        \n
      1. Valitse tai muokkaa upotuskokoa.<\/li>\n\n\n\n
      2. Mukauta fl\u00e4ppikirjan aloitussivun numero ja otsikko.<\/li>\n\n\n\n
      3. Lataa ponnahdusikkunan API HTML-tiedostosi head-tagien v\u00e4liin.<\/li>\n\n\n\n
      4. Lis\u00e4\u00e4 seuraavat attribuutit elementtiin, jonka haluat avata ikkunassa, kun sit\u00e4 napsautetaan.<\/li>\n<\/ol>\n\n\n\n
        <\/p>\n\n\n\n
        \"n\u00e4yt\u00e4<\/figure>\n\n\n\n
        3. WordPress-laajennus<\/h2>\n\n\n\n
        Upota lehti\u00f6kirjasi haluamaasi paikkaan WordPress-sivustollasi lyhytkoodilla. Toimi seuraavasti:  <\/p>\n\n\n\n
          \n
        1. Valitse upotuskoko.<\/li>\n\n\n\n
        2. Lataa ja asenna WordPress-laajennus.<\/li>\n\n\n\n
        3. Kopioi lyhytkoodi ja liit\u00e4 se WordPress-viestiisi tai -sivullesi.<\/li>\n<\/ol>\n\n\n\n
          <\/p>\n\n\n\n
          \u258eHuomautus: <\/strong>Plugin tarvitsee asentaa vain kerran. Lis\u00e4tietoja on osoitteessa WordPress-laajennusten asentaminen<\/a>.<\/p>\n\n\n\n
          \"upota<\/figure>\n\n\n\n
          Artikkeliin liittyv\u00e4t termit:
          <\/strong>upota flipbook, kuinka upottaa flipbook, flipbookin upotusopas, flipbookien upottaminen verkkosivustoon, flipbookien upottaminen blogiin, flipbook-koodin upottaminen, flipbookien upottaminen HTML-koodilla, flipbookin upotusgeneraattori, flipbookin upotuslaajennus, flipbook iframe-koodi<\/p>","protected":false},"excerpt":{"rendered":"
          FlipHTML5:n avulla voit upottaa flipbookeja verkkosivustollesi tai blogiisi, mik\u00e4 tarjoaa paremman k\u00e4ytt\u00f6kokemuksen. Upota kirjasi noudattamalla alla olevia ohjeita. Valitse [Julkaisut] \u2013> Napsauta [ \u22ee ] \u2013> ja napsauta sitten [Upota] 1. Iframe (suositus) Upota fl\u00e4ppikirjasi suoraan upotuskoodilla. Toimi seuraavasti: 1.1 Responsiivinen iframe Joissakin tapauksissa [\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":"19589","reactions":{"happy":"3","normal":"2","sad":"6"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/fi\/author\/andy\/"},"doc_category_info":[{"term_name":"Publications","term_url":"https:\/\/cms.flippagemaker.com\/fi\/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=\"fi_FI\" \/>\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\/fi\/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=\"Est. reading time\" \/>\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\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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":"fi_FI","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\/fi\/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":{"Est. reading time":"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":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/uk\/docs\/embed-a-flipbook\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@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":"fi"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fi","@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\/fi\/wp-json\/wp\/v2\/docs\/3408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/comments?post=3408"}],"version-history":[{"count":18,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3408\/revisions"}],"predecessor-version":[{"id":7641,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3408\/revisions\/7641"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/media?parent=3408"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_category?post=3408"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_tag?post=3408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}