{"id":20115,"date":"2024-05-22T12:27:20","date_gmt":"2024-05-22T12:27:20","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?post_type=integrations&#038;p=20115"},"modified":"2025-01-31T10:57:56","modified_gmt":"2025-01-31T10:57:56","slug":"woocommerce","status":"publish","type":"integrations","link":"https:\/\/4allportal.com\/de\/integrationen\/woocommerce","title":{"rendered":"WooCommerce"},"content":{"rendered":"\n<section id=\"content-wrapper-block_2860f98795b6f2cef3409bd7abb32868\" class=\"content-wrapper position-relative\"\n  style=\" padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #content-wrapper-block_2860f98795b6f2cef3409bd7abb32868 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_2860f98795b6f2cef3409bd7abb32868 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div id=\"beschreibung\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Entdecke die Vorteile einer nahtlosen Verbindung zwischen deinem <a href=\"https:\/\/woocommerce.com\/de\/\" data-type=\"link\" data-id=\"https:\/\/woocommerce.com\/de\/\" target=\"_blank\" rel=\"noopener\">WooCommerce<\/a>-Shop und dem 4ALLPORTAL. Mit dieser Integration kannst du deine digitalen Assets und Produktinformationen zentral verwalten, die Effizienz deiner Arbeitsabl\u00e4ufe optimieren und deinen Kunden ein einheitliches und ansprechendes Einkaufserlebnis bieten. <\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"vorteile\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Vorteile<\/h3>\n\n\n\n<div id=\"list-block-block_ea834d3dfa7b65cc232a1a2435fd5730\" class=\"list-block | w-100 d-grid\" style=\"grid-template-columns: repeat(1, 1fr); column-gap: 4rem;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #list-block-block_ea834d3dfa7b65cc232a1a2435fd5730 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #list-block-block_ea834d3dfa7b65cc232a1a2435fd5730 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<style>\n  .list-block {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n  .list-block__list.has-background {\n    padding: 3.5rem !important;\n  }\n  p+.list-block {\n    margin-top: 1.5rem;\n  }\n  .list-block__list.is-selected {\n    display: block;\n  }\n  .list-block__list li {\n    list-style: none;\n    position: relative;\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n    padding-left: 4rem;\n  }\n  ul.list-block__list li::before {\n    content: \"\";\n    width: 2rem;\n    height: 2rem;\n    position: absolute;\n    left: 0;\n    top: 1.25rem;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n\n  #list-block-block_ea834d3dfa7b65cc232a1a2435fd5730 .list-block__list li {\n    color: #4B4B4B;\n  }\n\n  #list-block-block_ea834d3dfa7b65cc232a1a2435fd5730 ul.list-block__list li::before {\n    background-image: url(\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/checkbox.svg\") !important;\n  }\n\n  @media screen (max-width:992px) {\n      .content-wrapper .wp-container-3,.content-wrapper .wp-block-columns {\n          gap:0 !important\n      }\n      .content-wrapper #list-block-block_ea834d3dfa7b65cc232a1a2435fd5730, .content-wrapper .wp-block-columns #list-block-block_ea834d3dfa7b65cc232a1a2435fd5730{\n          padding-right:0;\n      }\n  }\n  <\/style>\n  \n\n<ul class=\"list-block__list wp-block-list\">\n<li><strong>Optimierte Arbeitsabl\u00e4ufe:<\/strong> Die nahtlose Verbindung zwischen WooCommerce und dem 4ALLPORTAL erm\u00f6glicht es dir, deine Arbeitsabl\u00e4ufe zu optimieren. Automatisierte Prozesse und vereinfachte Verwaltung reduzieren den manuellen Aufwand und steigern die Produktivit\u00e4t deines Teams.<\/li>\n\n\n\n<li><strong>Verbesserung des Einkaufserlebnisses f\u00fcr den Kunden:<\/strong> Durch Integration kannst du ein einheitliches und ansprechendes Einkaufserlebnis bieten. Hochwertige und konsistente Produktbilder und -informationen tragen dazu bei, die Zufriedenheit und das Vertrauen deiner Kunden zu steigern.<\/li>\n\n\n\n<li><strong>Schnellere Markeneinf\u00fchrung:<\/strong> Durch den zentralen Zugriff auf all deine digitalen Assets und Produktinformationen kannst du neue Produkte schneller und effizienter in deinen WooCommerce Shop einpflegen und ver\u00f6ffentlichen. Dadurch verk\u00fcrzt sich die Markteinf\u00fchrungszeit und du kannst schneller auf Markttrends und Kundenanforderungen reagieren.<\/li>\n<\/ul>\n\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #demo-footer-cta-block_0e3344dbca93508be9013e931ba66351 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_0e3344dbca93508be9013e931ba66351 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<style>\n    .demo-footer-cta {\n        color: #FFF;\n        border-bottom: 1px solid #707070;\n        padding-top: 90px !important;\n        padding-bottom: 0 !important;\n        background: rgb(49,49,49);\n        background: -moz-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: -webkit-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#313131\",endColorstr=\"#000000\",GradientType=1);\n    }\n    .demo-footer-cta .preheadline {\n        color: #ff8200 !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a {\n        border: 1px solid #FFF !important;\n        color: #FFF !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a:hover {\n        border: 1px solid var(--orange) !important;\n        color: var(--orange) !important;\n    }\n\n    .demo-footer-cta.dark h2,\n    .demo-footer-cta.dark h3,\n    .demo-footer-cta.dark p,\n    body .body-container.light .demo-footer-cta.dark h2,\n    body .body-container.light .demo-footer-cta.dark h3,\n    body .body-container.light .demo-footer-cta.dark p {\n        color: var(--white) !important;\n    }\n    .body-container.dark .demo-footer-cta {\n        background: none;\n    }\n    .demo-footer-cta h2 {\n        color: #FFF;\n        font-weight: 500;\n    }\n    .demo-footer-cta-screenshot {\n        width: 100%;\n        position: relative;\n        display: flex;\n        align-items: end;\n    }\n    .demo-footer-cta-screenshot > img {\n        width: 100%;\n        height: auto;\n        display: block;\n        opacity: 0.85;\n        padding-right: 5rem;\n        padding-left: 5rem;\n    }\n    .demo-footer-cta .list-block ul {\n        margin: 2rem 0 0 0;\n        display: flex;\n        justify-content: space-around !important;\n    }\n    .demo-footer-cta .wp-block-buttons {\n        margin: 3rem 0 3rem 0;\n    }\n    @media screen and (min-width: 1434px) {\n        .container-parallax {\n            width: 1434px;\n            margin: auto;\n        }\n    }\n    @media screen and (max-width: 1433px) {\n        .container-parallax {\n            width: 100%;\n            padding: 0 5%;\n            margin: auto;\n        }\n    }\n    \n    @media screen and (min-width: 768px) {\n        .demo-footer-cta-screenshot {\n            min-height: 45vh;\n        }\n        .parallax-layer {\n            position: absolute;\n        }\n        .parallax-layer > img {\n            width: 100%; \n            height: auto; \n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(60px);\n            transition: 0.6s ease-in;\n        }\n        .parallax-layer.active > img {\n            width: 100%; \n            height: auto; \n            opacity: 1;\n            visibility: visible;\n            transform: translateY(10px);\n            transition: 0.6s ease-in-out;\n        }\n        #layer1 {\n            width: 230px;\n            height: auto;\n            right: 0;\n            top: 20%;\n            border-radius: 8px;\n        }\n        #layer2 {\n            width: 200px;\n            left: 0;\n            top: 25%;\n            border-radius: 8px;\n        }\n        #layer3 {\n            width: 240px;\n            right: 40%;\n            top: 40%;\n            border-radius: 8px;\n        }\n    }\n    @media screen and (max-width: 768px) {\n        .parallax-layer {\n            display: none;\n        }\n        .demo-footer-cta .list-block ul {\n            flex-wrap: wrap;\n        }\n    }\n    @media screen and (max-width: 576px) {\n        .demo-footer-cta .list-block ul{\n            display: block;\n            text-align: center;\n        }\n        .demo-footer-cta ul.list-block__list li {\n            padding: 5rem 0 0 0;\n            display: block;\n            margin-bottom: 2.5rem;\n        }\n        .demo-footer-cta ul.list-block__list li::before {\n            left: 0;\n            top: 1.25rem;\n            right: 0;\n            margin: auto;\n        }\n        .demo-footer-cta-screenshot > img {\n            padding-right: 1.5rem;\n            padding-left: 1.5rem;\n        }\n    }\n<\/style>\n\n<section id=\"demo-footer-cta-block_0e3344dbca93508be9013e931ba66351\" class=\"demo-footer-cta | dark\">\n    <div class=\"container-parallax px-0\">\n           <div class=\"container\">\n           \n\n<h2 class=\"wp-block-heading has-text-align-center\">Navigiere durch die Produkttour oder <br>erfrage individuelle Preise<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/tour\/dam-and-pim\">Produkttour starten<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/preis-anfragen\">Preise anfragen<\/a><\/div>\n<\/div>\n\n\n           <\/div>\n        <div class=\"container-fluid\">\n            <div class=\"demo-footer-cta-screenshot parallax-container\">\n                <!-- <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\"> -->\n\n                                        <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\">\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer1\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-1.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer2\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-2.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer3\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-3.png\" alt=\"\"><\/div>\n                                        \n            <\/div>\n        <\/div>\n    <\/div> \n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n    var buttonLink = document.querySelector('.demo-footer-cta .wp-block-button__link');\n    var parallaxLayers = document.querySelectorAll('.parallax-layer');\n\n    buttonLink.addEventListener('mouseover', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.add('active');\n        });\n    });\n\n    buttonLink.addEventListener('mouseout', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.remove('active');\n        });\n    });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Shop<\/p>\n","protected":false},"author":3,"featured_media":20131,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"integration_categories":[270],"customer_stage":[449],"class_list":["post-20115","integrations","type-integrations","status-publish","has-post-thumbnail","hentry","integration_categories-shop-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations\/20115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/integrations"}],"author":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations\/20115\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media\/20131"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=20115"}],"wp:term":[{"taxonomy":"integration_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integration_categories?post=20115"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=20115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}