{"id":2922,"date":"2022-09-04T16:01:20","date_gmt":"2022-09-04T16:01:20","guid":{"rendered":"https:\/\/fourallportal.wpengine.com\/?post_type=integrations&#038;p=2922"},"modified":"2025-01-31T11:00:49","modified_gmt":"2025-01-31T11:00:49","slug":"webhooks","status":"publish","type":"integrations","link":"https:\/\/4allportal.com\/de\/integrationen\/webhooks","title":{"rendered":"Webhooks"},"content":{"rendered":"\n<section id=\"content-wrapper-block_cf3d72c9eb877bede620c7b4245d3191\" 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_cf3d72c9eb877bede620c7b4245d3191 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_cf3d72c9eb877bede620c7b4245d3191 {\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>WebHooks sind standardisierte Verfahren f\u00fcr die Kommunikation zwischen Servern. Sie k\u00f6nnen auch dazu genutzt werden, Digital Asset Management Software mit externen Systemen zu verbinden. Das Prinzip ist einfach: Events in der Core Engine &#8211; dem <a href=\"\/de\/produkte\/digital-asset-management-software\">DAM-System<\/a> &#8211; f\u00fchren automatisch dazu, dass definierte Aktionen auf dem angebundenen Drittsystem ausgef\u00fchrt werden. Der Kreativit\u00e4t sind hierbei kaum Grenzen gesetzt.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">WebHooks als Digital Asset Management Connector: Zahlreiche Einsatzm\u00f6glichkeiten&nbsp;<\/h4>\n\n\n\n<p>Mit WebHooks als Digital Asset Management Connector lassen sich unz\u00e4hlige Integrationen von Drittsystemen realisieren &#8211; darunter etwa <a href=\"\/de\/integrationen\/zapier\">Zapier<\/a>, Mulesoft by Salesforce, Workato und Microsoft Flow.&nbsp;<\/p>\n\n\n\n<p>Ein m\u00f6gliches Einsatzszenario ist die Kommunikation. Nehmen wir an, Sie nutzen Slack f\u00fcr die Zusammenarbeit Ihrer Mitarbeiter. In diesem Fall k\u00f6nnen Sie beispielsweise eine Nachricht in die Slack-Gruppe senden, sobald im DAM-System ein Create-Event wie die Anlage eines neuen Produktdatensatzes erfolgt ist.&nbsp;<\/p>\n\n\n\n<p>Auch in Workflows und im Projektmanagement lassen sich WebHooks in Verbindung mit DAM hervorragend nutzen. Wenn Sie beispielsweise im Aufgabemodul des DAM-Systems den Status \u201eerledigt\u201c setzen, so kann ein Ticket auf einem KanBan Board dank WebHook in die Spalte \u201eDone\u201c verschoben werden.&nbsp;<\/p>\n\n\n\n<p>Die Liste der Beispiele l\u00e4sst sich beliebig fortsetzen. Klar ist jedoch: Mithilfe von WebHooks kann Ihr Digital Asset Management mit beliebig vielen Drittl\u00f6sungen kommunizieren. Insbesondere in Bereichen wie der Organisation und dem Projektmanagement realisieren Sie auf diese Weise eine deutliche Optimierung der Kommunikationsbasis. Mithilfe von Automatisierung beschleunigen Sie au\u00dferdem Ihre Workflows.&nbsp;<\/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_39645863e7a8d8ec367c7b2cf199229f\" 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_39645863e7a8d8ec367c7b2cf199229f {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #list-block-block_39645863e7a8d8ec367c7b2cf199229f {\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_39645863e7a8d8ec367c7b2cf199229f .list-block__list li {\n    color: #4B4B4B;\n  }\n\n  #list-block-block_39645863e7a8d8ec367c7b2cf199229f 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_39645863e7a8d8ec367c7b2cf199229f, .content-wrapper .wp-block-columns #list-block-block_39645863e7a8d8ec367c7b2cf199229f{\n          padding-right:0;\n      }\n  }\n  <\/style>\n  \n\n<ul class=\"list-block__list wp-block-list\">\n<li>Projektmanagement verbessern&nbsp;<\/li>\n\n\n\n<li>Prozesse automatisieren und beschleunigen<\/li>\n\n\n\n<li>Durchg\u00e4ngige Systemlandschaften realisieren<\/li>\n\n\n\n<li>Kommunikation und Kollaboration optimieren&nbsp;<\/li>\n\n\n\n<li>Beliebige Drittanwendungen mit 4ALLPORTAL DAM verbinden&nbsp;<\/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_cc5ad38b2d81b8f81054e425a990d910 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_cc5ad38b2d81b8f81054e425a990d910 {\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_cc5ad38b2d81b8f81054e425a990d910\" 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=\"\/de\/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>Develop<\/p>\n","protected":false},"author":3,"featured_media":3711,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"integration_categories":[39],"customer_stage":[450],"class_list":["post-2922","integrations","type-integrations","status-publish","has-post-thumbnail","hentry","integration_categories-develop"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations\/2922","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\/2922\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media\/3711"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=2922"}],"wp:term":[{"taxonomy":"integration_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integration_categories?post=2922"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=2922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}