{"id":188596,"date":"2021-03-05T10:19:50","date_gmt":"2021-03-05T09:19:50","guid":{"rendered":"https:\/\/guide.jtl-software.com\/onpage-composer\/"},"modified":"2023-08-21T13:48:51","modified_gmt":"2023-08-21T11:48:51","slug":"onpage-composer","status":"publish","type":"page","link":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/","title":{"rendered":"OnPage Composer"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row nospace=&#8221;1&#8243; min_height=&#8221;{&#8220;min_height&#8220;: &#8220;&#8220;, &#8220;min_height-xs&#8220;: &#8220;&#8220;, &#8220;min_height-sm&#8220;: &#8220;&#8220;, &#8220;min_height-md&#8220;: &#8220;&#8220;, &#8220;min_height-lg&#8220;: &#8220;&#8220;, &#8220;min_height-xl&#8220;: &#8220;&#8220;}&#8221; advanced=&#8221;{&#8220;class&#8220;: &#8220;&#8220;, &#8220;hash&#8220;: &#8220;&#8220;}&#8221;][vc_column responsive=&#8221;{&#8220;col&#8220;: &#8220;12&#8220;, &#8220;col-md&#8220;: &#8220;12&#8220;}&#8221;]<style type=\"text\/css\">@media(max-width: 1200px) {.hero-card-69e0dbcedb0bf{background: url(https:\/\/guide.jtl-software.com\/uploads\/eazyAuction-ebay-Designvorlagen-Hero.jpg) no-repeat center right \/ cover !important;}}@media(max-width: 992px) {.hero-card-69e0dbcedb0bf{background: url(https:\/\/guide.jtl-software.com\/uploads\/eazyAuction-ebay-Designvorlagen-Hero.jpg) no-repeat center right \/ cover !important;}}@media(max-width: 768px) {.hero-card-69e0dbcedb0bf{background: url(https:\/\/guide.jtl-software.com\/uploads\/eazyAuction-ebay-Designvorlagen-Hero-xs.jpg) no-repeat center center \/ cover !important;}}<\/style><div class=\"border-shop hero-card rounded rounded-bottom-left-0 rounded-bottom-right-0 border-bottom hero-card-69e0dbcedb0bf\" style=\"background-image: url(https:\/\/guide.jtl-software.com\/uploads\/eazyAuction-ebay-Designvorlagen-Hero.jpg); background-position: center right; background-size: cover; background-repeat: no-repeat;\">\n\t<div class=\"hero-holder py-5 py-lg-6 px-5 px-lg-8\">\n\t\t[vc_row_inner][vc_column_inner responsive=&#8221;{&#8220;col&#8220;: &#8220;12&#8220;, &#8220;col-lg&#8220;: &#8220;8&#8220;}&#8221; advanced=&#8221;{&#8220;class&#8220;: &#8220;&#8220;, &#8220;hash&#8220;: &#8220;&#8220;}&#8221;]<h1 class=\"text-shaftblue d-flex align-items-center hl-shop\" id=\"editing-pages-with-the-onpage-composer\">Editing pages with the OnPage Composer <span id='anchor-editing-pages-with-the-onpage-composer' data-href='#editing-pages-with-the-onpage-composer' class='far fa-link' data-anchor><\/span><\/h1><div class=\"text-shaftblue\">\n\t<p>With the OnPage Composer, you can edit every single page of JTL-Shop individually. Simply open the OnPage Composer directly in the front end and add the portlets you need.<\/p>\n<\/div>\n[\/vc_column_inner][\/vc_row_inner]\t<\/div>\n<\/div>\n[\/vc_column][\/vc_row][vc_row min_height=&#8221;{&#8220;min_height&#8220;: &#8220;&#8220;, &#8220;min_height-xs&#8220;: &#8220;&#8220;, &#8220;min_height-sm&#8220;: &#8220;&#8220;, &#8220;min_height-md&#8220;: &#8220;&#8220;, &#8220;min_height-lg&#8220;: &#8220;&#8220;, &#8220;min_height-xl&#8220;: &#8220;&#8220;}&#8221; advanced=&#8221;{&#8220;class&#8220;: &#8220;&#8220;, &#8220;hash&#8220;: &#8220;&#8220;}&#8221;][vc_column responsive=&#8221;{&#8220;col&#8220;: &#8220;12&#8220;, &#8220;col-md&#8220;: &#8220;12&#8220;}&#8221;]<h2 class=\"d-flex align-items-center hl-wawi\" id=\"how-to\"><span class=\"mr-3 fa-stack flex-shrink-0 fa-headline-0x\"><span class=\"far fa-circle fa-stack-2x text-shop\"><\/span><span class=\"flex-shrink-0 fas fa-lightbulb text-shop fa-stack-1x\"><\/span><\/span><span>How to<\/span> <span id='anchor-how-to' data-href='#how-to' class='far fa-link' data-anchor><\/span><\/h2><div class=\"border-defaultgray border-w-1 border mb-5 card\">\n\t\t\t<div class=\"card-body p-4\">\n\t\t\n<div class=\"row\">\n\t<p class=\"d-flex align-items-center hl-wawi h6\">Operation<\/p><ul class=\"mb-5 list-reset ml-3 list-icons list-custom-square list-shop\">\n\t<li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/editing-pages-with-the-onpage-composer\/\" title=\"Editing pages with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tEditing pages with the OnPage Composer\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/editing-drafts-with-the-onpage-composer\/\" title=\"Editing drafts with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tEditing drafts\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/importing-and-exporting-blueprints-for-portlets\/\" title=\"Importing and exporting templates for portlets\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tImporting and exporting templates\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/viewing-versions-and-restoring-them\/\" title=\"Viewing versions and restoring them\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tViewing versions and restoring them\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/viewing-page-structures-and-choosing-elements\/\" title=\"Viewing page structures and choosing elements\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tViewing page structures and choosing elements\t<\/a><\/li><\/ul><p class=\"d-flex align-items-center hl-wawi h6\">Layout portlets<\/p><ul class=\"mb-5 list-reset ml-3 list-icons list-custom-square list-shop\">\n\t<li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/overview-of-layout-portlets\/\" title=\"Overview of layout portlets\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tOverview of layout portlets\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-accordions-with-the-onpage-composer\/\" title=\"Inserting accordions with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting an accordion\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-containers-with-the-onpage-composer\/\" title=\"Inserting containers with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting a container\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-dividers-with-the-onpage-composer\/\" title=\"Inserting dividers with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting a divider\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-flipcards-with-the-onpage-composer\/\" title=\"Inserting flipcards with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting a flipcard\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-panels-with-the-onpage-composer\/\" title=\"Inserting panels with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting a panel\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-grid-layouts-with-the-onpage-composer\/\" title=\"Inserting grid layouts with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting a grid layout\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-tabs-with-the-onpage-composer\/\" title=\"Inserting tabs with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting tabs\t<\/a><\/li><\/ul><p class=\"d-flex align-items-center hl-wawi h6\">Content portlets<\/p><ul class=\"mb-5 list-reset ml-3 list-icons list-custom-square list-shop\">\n\t<li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/overview-of-content-portlets\/\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tOverview of content portlets\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/creating-banners-with-the-onpage-composer\/\" title=\"Creating banners with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCreating a banner\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/creating-image-sliders-with-the-onpage-composer\/\" title=\"Creating image sliders with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCreating a slider\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/creating-buttons-with-the-onpage-composer\/\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCreating a button\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/creating-countdowns-with-the-onpage-composer\/\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCreating a countdown\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/creating-galleries-with-the-onpage-composer\/\" title=\"Creating galleries with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCreating a gallery\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/creating-headlines-with-the-onpage-composer\/\" title=\"Creating headlines with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCreating headlines\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-an-image-with-the-onpage-composer\/\" title=\"Inserting an image with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting an image\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/creating-product-streams-with-the-onpage-composer\/\" title=\"Creating product streams with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting product streams\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-texts-with-the-onpage-composer\/\" title=\"Inserting texts with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting a text\t<\/a><\/li><li >\n\t<a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/inserting-videos-with-the-onpage-composer\/\" title=\"Inserting videos with the OnPage Composer\">\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tInserting a video\t<\/a><\/li><\/ul><hr  \/>\n\t<p>The OnPage Composer already comes with many ready-made portlets. You can simply add them to the desired pages via drag and drop. With just a few clicks, you can thus create customised pages for your online shop.<\/p>\n\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/onpage-composer-jtl-shop-5-example-new.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/onpage-composer-jtl-shop-5-example-new.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/onpage-composer-jtl-shop-5-example-new.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/onpage-composer-jtl-shop-5-example-new-1024x503.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/onpage-composer-jtl-shop-5-example-new-768x377.png 640w\" width=\"1905\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"935\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/onpage-composer-jtl-shop-5-example-new.png&quot;,&quot;w&quot;:1905,&quot;h&quot;:935}\" class=\"img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t<\/div>\n<\/div>[\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"Editing pages with the OnPage Composer With the OnPage Composer, you can edit every single page of JTL-Shop individually. Simply <a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/\">[...]<\/a>","protected":false},"author":2,"featured_media":0,"parent":191881,"menu_order":582,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"tags":[],"class_list":["post-188596","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>OnPage Composer &#8211; JTL-Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OnPage Composer &#8211; JTL-Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/\" \/>\n<meta property=\"og:site_name\" content=\"JTL-Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-21T11:48:51+00:00\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/\",\"url\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/\",\"name\":\"OnPage Composer &#8211; JTL-Guide\",\"isPartOf\":{\"@id\":\"https:\/\/guide.jtl-software.com\/en\/#website\"},\"datePublished\":\"2021-03-05T09:19:50+00:00\",\"dateModified\":\"2023-08-21T11:48:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/#breadcrumb\"},\"inLanguage\":\"en-en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"JTL-Shop\",\"item\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OnPage Composer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/#website\",\"url\":\"https:\/\/guide.jtl-software.com\/en\/\",\"name\":\"JTL-Guide\",\"description\":\"Dokumentation f\u00fcr die gesamte Produktfamilie von JTL\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/guide.jtl-software.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-en\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OnPage Composer &#8211; JTL-Guide","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:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/","og_locale":"en_US","og_type":"article","og_title":"OnPage Composer &#8211; JTL-Guide","og_url":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/","og_site_name":"JTL-Guide","article_modified_time":"2023-08-21T11:48:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/","url":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/","name":"OnPage Composer &#8211; JTL-Guide","isPartOf":{"@id":"https:\/\/guide.jtl-software.com\/en\/#website"},"datePublished":"2021-03-05T09:19:50+00:00","dateModified":"2023-08-21T11:48:51+00:00","breadcrumb":{"@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/#breadcrumb"},"inLanguage":"en-en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/onpage-composer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"JTL-Shop","item":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/"},{"@type":"ListItem","position":2,"name":"OnPage Composer"}]},{"@type":"WebSite","@id":"https:\/\/guide.jtl-software.com\/en\/#website","url":"https:\/\/guide.jtl-software.com\/en\/","name":"JTL-Guide","description":"Dokumentation f\u00fcr die gesamte Produktfamilie von JTL","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guide.jtl-software.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-en"}]}},"_links":{"self":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/188596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/comments?post=188596"}],"version-history":[{"count":5,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/188596\/revisions"}],"predecessor-version":[{"id":230968,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/188596\/revisions\/230968"}],"up":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/191881"}],"wp:attachment":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/media?parent=188596"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/tags?post=188596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}