CINXE.COM

<!DOCTYPE html> <html lang="en" class="no-js"> <head itemscope itemtype="http://schema.org/WebSite"> <meta itemprop="name" content="IONOS Digital Guide"/> <meta charset="utf-8"><link class="preload" rel="preload" href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-regular.1742981910.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link class="preload" rel="preload" href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-regular.1742981910.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link class="preload" rel="preload" href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-semibold.1742981910.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link class="preload" rel="preload" href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-bold.1742981910.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" class="preload" href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg" as="image"/><link as="image" href="https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_fb3c274477.webp" imagesrcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_ff4856b10a.webp 684w,https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_adcd6a462e.webp 644w,https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_f7c87cf047.webp 554w,https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_ac6ed9727f.webp 464w,https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_fb3c274477.webp 704w" imagesizes="(min-width: 1680px) 684px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 922px) 464px,(min-width: 768px) 704px" rel="preload" /><link as="style" href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Css/ionos/styles.bundled.1742981910.css" rel="preload" /><link as="style" href="https://www.ionos.com/modules/hosting-common/script/privacy/bundle.css" rel="preload" /><link rel="preconnect" href="https://cdn.ionos.de/"><link rel="preconnect" href="https://shop-api.ionos.com/"><link rel="preconnect" href="https://dpm.demdex.net/"><link rel="preconnect" href="https://1and1internetag.demdex.net/"><script src="https://cdn.ionos.de/guides/9c2134ba72b4/047afaab1ab6/launch-bffa846ee117.min.js" async nonce=""></script> <script id="guides_datalayer" nonce=""> (function() { var dataLayer = {"application":"T3.DG.US","market":"US","guide":"DG","context":"prod","shopname":"dg-us","internalPageName":"hosting_cms_headless-cms-what-are-the-benefits","land":"us","s_account":"iaglive","prop1":"hosting_cms_headless-cms-what-are-the-benefits","prop5":"dg-hosting","prop6":"dg-us","prop7":"www.ionos.com","prop11":"New contract shop","prop16":"","prop17":"us","prop21":"","prop23":"","prop51":"","prop73":"iaglive","mcorgid":"AC42148954F5FEDA0A4C98BC@AdobeOrg","ns":"1und1internetag","eVar1":"digitalguide","eVar2":"hosting_cms_headless-cms-what-are-the-benefits","eVar6":"dg-hosting","eVar7":"dg-us","eVar13":"New contract shop","eVar23":"","eVar24":"","eVar25":"","eVar45":"us","eVar72":"","eVar74":"","eVar79":"","eVar91":"","eVar97":"","eVar98":"","eVar99":"","eVar83":"en-US"}; function addToDataLayer(key, value) { if (typeof value === 'object' && value !== null) { dataLayer[key] = value; } else { dataLayer[key] = value.toString(); } } function isValidJson(str) { try { JSON.parse(str); return true; } catch (e) { return false; } } const handler = { get: function(target, prop) { if (prop in target) { if (isValidJson(target[prop])) { return JSON.parse(target[prop]); } return target[prop]; } else if (prop in methods) { return methods[prop]; } return null; } }; const methods = { push: function(key, value) { if (typeof key === 'object') { for (var k in key) { if (key.hasOwnProperty(k)) { addToDataLayer(k, key[k]); } } } else if (typeof key === 'string') { addToDataLayer(key, value); } }, set: function(key, value) { if (typeof key === 'string') { addToDataLayer(key, value); } }, get: function(key) { if (typeof key === 'string') { return dataLayer[key] || null; } return null; }, getAll: function() { return { ...dataLayer }; } }; const proxy = new Proxy(dataLayer, handler); window.guidesDataLayer = proxy; })(); guidesDataLayer.push({'prop23': window.navigator.userAgent}); var preparedUrlSearchParams = decodeURI(location.search.replace(/\?/g, "").replace(/&/g, "\",\"").replace(/=/g,"\":\"")); var urlSearchParams = JSON.parse(preparedUrlSearchParams ? '{"' + preparedUrlSearchParams + '"}' : '{}'); var utmSource = urlSearchParams.utm_source || ''; var utmCampaign = urlSearchParams.utm_campaign || ''; var utmTerm = urlSearchParams.utm_term || ''; var utmMedium = urlSearchParams.utm_medium || ''; var utmContent = urlSearchParams.utm_content || ''; if (utmSource || utmCampaign) { guidesDataLayer.push({'eVar25': utmSource + '|' + utmCampaign}); } if (utmTerm || utmMedium || utmContent) { guidesDataLayer.push({'eVar72': utmTerm + '|' + utmMedium + '|' + utmContent}); } </script>   <title>Headless CMS and its Benefits - IONOS</title> <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"> <meta name="generator" content="TYPO3 CMS"> <meta name="description" content="Headless CMS and decoupled CMS adapt content management to the rising demands of the web. How do they work?"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=5.0"> <meta name="robots" content="index,follow"> <meta property="og:image" content="https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Teaser/headless-cms-t.jpg"> <meta property="og:image:url" content="https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Teaser/headless-cms-t.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:description" content="Headless CMS and decoupled CMS adapt content management to the rising demands of the web. How do they work?"> <meta property="og:type" content="article"> <meta property="og:title" content="Headless CMS"> <meta property="og:site_name" content="IONOS Digital Guide"> <meta property="og:locale" content="en_US"> <meta property="og:url" content="https://www.ionos.com/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/"> <meta name="twitter:card" content="summary"> <meta name="meta-category" content="Digital Guide"> <meta name="apple-mobile-web-app-capable" content="no"> <link class="preload" href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Css/ionos/styles.bundled.1742981910.css" rel="stylesheet" > <link class="preload" href="https://www.ionos.com/modules/hosting-common/script/privacy/bundle.css" rel="stylesheet" > <style> @font-face { font-family:'Open Sans Regular'; font-weight:400; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-regular.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans'; font-weight:400; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-regular.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans Semi Bold'; font-weight:600; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-semibold.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans'; font-weight:600; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-semibold.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans Bold'; font-weight:700; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-bold.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans'; font-weight:700; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-bold.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass Regular'; font-weight:400; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-regular.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass'; font-weight:400; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-regular.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass Semi Bold'; font-weight:600; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-semibold.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass'; font-weight:600; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-semibold.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass Bold'; font-weight:700; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-bold.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass'; font-weight:700; font-display:swap; src:url('https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-bold.1742981910.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } </style> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":["BreadcrumbList","Article"],"@id":"https:\/\/www.ionos.com\/digitalguide\/hosting\/cms\/headless-cms-what-are-the-benefits\/","url":"https:\/\/www.ionos.com\/digitalguide\/hosting\/cms\/headless-cms-what-are-the-benefits\/","@organization":{"@type":"Organization","id":"https:\/\/www.ionos.com","logo":{"@type":"ImageObject","url":"https:\/\/www.ionos.com\/digitalguide\/_assets\/b76f27cb02ebc538ac6fbabcf1a88e7f\/Images\/ionos_logo.svg","name":" Logo","width":1154,"height":338,"id":"https:\/\/www.ionos.com\/digitalguide\/_assets\/b76f27cb02ebc538ac6fbabcf1a88e7f\/Images\/ionos_logo.svg"},"name":"IONOS","url":"https:\/\/www.ionos.com","sameAs":["https:\/\/www.facebook.com\/my.ionos\/","https:\/\/x.com\/ionos_com","https:\/\/www.linkedin.com\/company\/ionos\/","https:\/\/www.youtube.com\/@IONOSusa"],"description":""},"itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.ionos.com","position":"1","name":"IONOS","item":"https:\/\/www.ionos.com"},{"@type":"ListItem","@id":"https:\/\/www.ionos.com\/digitalguide\/","position":"2","name":"Digital Guide","item":"https:\/\/www.ionos.com\/digitalguide\/"},{"@type":"ListItem","@id":"https:\/\/www.ionos.com\/digitalguide\/hosting\/","position":"3","name":"Hosting","item":"https:\/\/www.ionos.com\/digitalguide\/hosting\/"},{"@type":"ListItem","@id":"https:\/\/www.ionos.com\/digitalguide\/hosting\/cms\/","position":"4","name":"CMS","item":"https:\/\/www.ionos.com\/digitalguide\/hosting\/cms\/"},{"@type":"ListItem","@id":"https:\/\/www.ionos.com\/digitalguide\/hosting\/cms\/headless-cms-what-are-the-benefits\/","position":"5","name":"Headless CMS","item":"https:\/\/www.ionos.com\/digitalguide\/hosting\/cms\/headless-cms-what-are-the-benefits\/"}],"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/www.ionos.com\/digitalguide\/hosting\/cms\/headless-cms-what-are-the-benefits\/"},"headline":"Headless CMS","description":"Headless CMS and decoupled CMS adapt content management to the rising demands of the web. How do they work?","image":"https:\/\/www.ionos.com\/digitalguide\/fileadmin\/DigitalGuide\/Teaser\/headless-cms-t.jpg","author":{"@type":"person","name":"IONOS editorial team","url":""},"publisher":{"@type":"Organization","name":"IONOS","logo":{"@type":"ImageObject","url":"https:\/\/www.ionos.com\/digitalguide\/_assets\/b76f27cb02ebc538ac6fbabcf1a88e7f\/Images\/ionos_logo.svg","name":" Logo","width":1154,"height":338,"id":"https:\/\/www.ionos.com\/digitalguide\/_assets\/b76f27cb02ebc538ac6fbabcf1a88e7f\/Images\/ionos_logo.svg"}},"datePublished":"2023-05-12T09:22:00+00:00"}</script> <script>/* src: https://github.com/taylorhakes/promise-polyfill */!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t():"function"==typeof define&&define.amd?define(t):t()}(0,function(){"use strict";function e(e){var t=this.constructor;return this.then(function(n){return t.resolve(e()).then(function(){return n})},function(n){return t.resolve(e()).then(function(){return t.reject(n)})})}function t(e){return new this(function(t,n){function r(e,n){if(n&&("object"==typeof n||"function"==typeof n)){var f=n.then;if("function"==typeof f)return void f.call(n,function(t){r(e,t)},function(n){o[e]={status:"rejected",reason:n},0==--i&&t(o)})}o[e]={status:"fulfilled",value:n},0==--i&&t(o)}if(!e||"undefined"==typeof e.length)return n(new TypeError(typeof e+" "+e+" is not iterable(cannot read property Symbol(Symbol.iterator))"));var o=Array.prototype.slice.call(e);if(0===o.length)return t([]);for(var i=o.length,f=0;o.length>f;f++)r(f,o[f])})}function n(e,t){this.name="AggregateError",this.errors=e,this.message=t||""}function r(e){var t=this;return new t(function(r,o){if(!e||"undefined"==typeof e.length)return o(new TypeError("Promise.any accepts an array"));var i=Array.prototype.slice.call(e);if(0===i.length)return o();for(var f=[],u=0;i.length>u;u++)try{t.resolve(i[u]).then(r)["catch"](function(e){f.push(e),f.length===i.length&&o(new n(f,"All promises were rejected"))})}catch(c){o(c)}})}function o(e){return!(!e||"undefined"==typeof e.length)}function i(){}function f(e){if(!(this instanceof f))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],s(e,this)}function u(e,t){for(;3===e._state;)e=e._value;0!==e._state?(e._handled=!0,f._immediateFn(function(){var n=1===e._state?t.onFulfilled:t.onRejected;if(null!==n){var r;try{r=n(e._value)}catch(o){return void a(t.promise,o)}c(t.promise,r)}else(1===e._state?c:a)(t.promise,e._value)})):e._deferreds.push(t)}function c(e,t){try{if(t===e)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if(t instanceof f)return e._state=3,e._value=t,void l(e);if("function"==typeof n)return void s(function(e,t){return function(){e.apply(t,arguments)}}(n,t),e)}e._state=1,e._value=t,l(e)}catch(r){a(e,r)}}function a(e,t){e._state=2,e._value=t,l(e)}function l(e){2===e._state&&0===e._deferreds.length&&f._immediateFn(function(){e._handled||f._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;n>t;t++)u(e,e._deferreds[t]);e._deferreds=null}function s(e,t){var n=!1;try{e(function(e){n||(n=!0,c(t,e))},function(e){n||(n=!0,a(t,e))})}catch(r){if(n)return;n=!0,a(t,r)}}n.prototype=Error.prototype;var d=setTimeout;f.prototype["catch"]=function(e){return this.then(null,e)},f.prototype.then=function(e,t){var n=new this.constructor(i);return u(this,new function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n}(e,t,n)),n},f.prototype["finally"]=e,f.all=function(e){return new f(function(t,n){function r(e,o){try{if(o&&("object"==typeof o||"function"==typeof o)){var u=o.then;if("function"==typeof u)return void u.call(o,function(t){r(e,t)},n)}i[e]=o,0==--f&&t(i)}catch(c){n(c)}}if(!o(e))return n(new TypeError("Promise.all accepts an array"));var i=Array.prototype.slice.call(e);if(0===i.length)return t([]);for(var f=i.length,u=0;i.length>u;u++)r(u,i[u])})},f.any=r,f.allSettled=t,f.resolve=function(e){return e&&"object"==typeof e&&e.constructor===f?e:new f(function(t){t(e)})},f.reject=function(e){return new f(function(t,n){n(e)})},f.race=function(e){return new f(function(t,n){if(!o(e))return n(new TypeError("Promise.race accepts an array"));for(var r=0,i=e.length;i>r;r++)f.resolve(e[r]).then(t,n)})},f._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){d(e,0)},f._unhandledRejectionFn=function(e){void 0!==console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)};var p=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if("undefined"!=typeof global)return global;throw Error("unable to locate global object")}();"function"!=typeof p.Promise?p.Promise=f:(p.Promise.prototype["finally"]||(p.Promise.prototype["finally"]=e),p.Promise.allSettled||(p.Promise.allSettled=t),p.Promise.any||(p.Promise.any=r))}); </script> <script> window.promisedConsentScriptsBefore = window.promisedConsentScriptsBefore || []; window.promisedConsentScriptsAfter = window.promisedConsentScriptsAfter || []; // Define a whitelist of allowed URLs or domains const allowedUrls = [ /^https:\/\/(.*\.)?ionos\.(de|at|com|ca|co\.uk|mx|it|fr|es)$/, /^https:\/\/(.*\.)?uicdn\.net$/, /^https:\/\/(.*\.)?(youtube(-nocookie)?\.com|youtu\.be)$/, /^https:\/\/(.*\.)?server\.lan$/, /^https:\/\/(.*\.)?ddev\.site$/ ]; // Function to validate the URL function isValidUrl(url) { try { const parsedUrl = new URL(url); return allowedUrls.some(pattern => pattern.test(parsedUrl.origin)); } catch (e) { console.error(url + ' is an invalid url'); return false; } } // Function to load a script function loadScript(url) { return new Promise((resolve, reject) => { if (!isValidUrl(url)) { return reject(new Error(`Forbidden url: ${url}`)); } const script = document.createElement('script'); script.src = url; script.async = true; script.onload = () => resolve(script); script.onerror = () => reject(new Error(`Failed to load script: ${url}`)); document.head.appendChild(script); }); } // Function to execute scripts or functions with specific data for each function executeScripts(scriptsWithData) { return scriptsWithData.reduce((promise, { scriptOrFunction, data = {} }) => { return promise.then(() => { if (typeof scriptOrFunction === 'string') { if (typeof window[scriptOrFunction] === 'function') { return Promise.resolve(window[scriptOrFunction](data)); } else { return loadScript(scriptOrFunction); } } else if (typeof scriptOrFunction === 'function') { return Promise.resolve(scriptOrFunction(data)); } }); }, Promise.resolve()); } function loadPromisedConsentScripts({ consentUrl, consentType, before = [], after = [] }) { executeScripts(before) .then(() => { return new Promise((resolve) => { if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", () => resolve(loadScript(consentUrl))); } else { resolve(loadScript(consentUrl)); } }); }) .then(() => { const consentLoaded = new CustomEvent('consentLoaded'); if (typeof window.privacyConsent === 'undefined') { if (consentType === 'default') { window.privacyConsent = new window.PrivacyConsent({defaultConsent: {[window.PrivacyConsentEnum.TECHNICAL]: true, [window.PrivacyConsentEnum.MARKETING]: true, [window.PrivacyConsentEnum.STATISTICS]: true, [window.PrivacyConsentEnum.PARTNERSHIPS]: true}}); } else if (consentType === 'whitelist') { window.privacyConsent = new window.PrivacyConsent({whitelist: true}); } else { window.privacyConsent = new window.PrivacyConsent(); } window.privacyConsent.initialize(); } if (typeof window.privacyConsent !== 'undefined') { if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", function() { let consentBodyTag = document.querySelector('body'); consentBodyTag.dataset.consentLoaded = 1; }); } else { let consentBodyTag = document.querySelector('body'); consentBodyTag.dataset.consentLoaded = 1; } window.privacyConsent.initialize(); window.dispatchEvent(consentLoaded); } }) .then(() => { if (typeof window.privacyConsent !== 'undefined') { return executeScripts(after); } else { throw new Error('window.privacyConsent is undefined (execute scripts)'); } }) .then(() => { if (typeof window.privacyConsent !== 'undefined') { window.privacyConsent.initialize(); } else { throw new Error('window.privacyConsent is undefined (last initialize)'); } }) .catch(error => { console.error(error); }); } window.loadPromisedConsentScripts = loadPromisedConsentScripts; const salesChannelControllerIdentifier = 'salesChannelGuides'; const guidesDataLayerName = 'guidesDataLayer'; let getTld = function (dl = {}) { let host = (window.location.host); if (dl.hasOwnProperty('prop7') && dl.prop7) { host = dl.prop7; } let hostArray = host.split('.'); let tld = hostArray[hostArray.length - 1]; if (host.indexOf('.co.uk') !== -1) { tld = hostArray[hostArray.length - 2] + '.' + hostArray[hostArray.length - 1]; } return (tld !== 'site' && tld !== 'lan') ? tld : 'de'; } let getCookieDomain = function (dl = {}) { let host = (window.location.host); if (dl.hasOwnProperty('prop7') && dl.prop7) { host = dl.prop7; } var hostArray = host.split('.'); if (hostArray[hostArray.length - 1] === 'uk') { return '.' + hostArray[hostArray.length - 3] + '.' + hostArray[hostArray.length - 2] + '.' + hostArray[hostArray.length - 1] } return '.' + hostArray[hostArray.length - 2] + '.' + hostArray[hostArray.length - 1]; } let setCookie = function (cname, cvalue, tInSecs, dl = {}) { const d = new Date(); d.setTime(d.getTime() + (tInSecs * 1000)); let expires = 'expires='+ d.toUTCString(); document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/' + ';domain=' + getCookieDomain(dl); } let getParams = function () { var preparedUrlSearchParams = decodeURI(location.search.replace(/\?/g, "").replace(/&/g, "\",\"").replace(/=/g,"\":\"")); return JSON.parse(preparedUrlSearchParams ? '{"' + preparedUrlSearchParams + '"}' : '{}'); } let listCookies = function () { var theCookies = document.cookie.split(';'); var returnCookies = []; var cookieKeyValuePair = {}; var cookieString = ''; for (var i = 0; i <= theCookies.length; i++) { if (typeof theCookies[i] !== 'undefined') { cookieString = theCookies[i].trim(); cookieKeyValuePair = cookieString.match(/([^=]+?)[=\s](.*)/i); if (cookieKeyValuePair !== null && cookieKeyValuePair.length === 3) { returnCookies.push({ 'name': cookieKeyValuePair['1'], 'value': cookieKeyValuePair['2'] }); } } } return returnCookies; } let getSalesChannelController = function(salesChannelControllerIdentifier, url) { if (sessionStorage.getItem(salesChannelControllerIdentifier)) { return data = JSON.parse(sessionStorage.getItem(salesChannelControllerIdentifier)); } else { let salesChannelControllerApplicationArray = (typeof window.guidesDataLayer.application !== 'undefined') ? window.guidesDataLayer.application.split('.') : []; let salesChannelControllerOrigin = salesChannelControllerApplicationArray !== null && salesChannelControllerApplicationArray.length >= 3 ? salesChannelControllerApplicationArray[2] : 'DE'; let salesChannelControllerPath = salesChannelControllerApplicationArray !== null && salesChannelControllerApplicationArray.length >= 2 && salesChannelControllerApplicationArray[1] === 'SG' ? '/startupguide/' : '/digitalguide/'; let salesChannelControllerReferrer = document.referrer || ''; let salesChannelController = {}; salesChannelController.origin = salesChannelControllerOrigin === 'AT' ? 'DE' : salesChannelControllerOrigin; salesChannelController.path = salesChannelControllerPath; salesChannelController.cookies = {}; salesChannelController.requestParameter = {}; salesChannelController.referer = salesChannelControllerReferrer; salesChannelController.requestParameter = getParams(); salesChannelController.cookies = listCookies(); console.info('fetch SCC'); return fetch(url, { cache: 'no-store', method: 'POST', mode: 'cors', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, body: JSON.stringify(salesChannelController) }) .then((response) => { console.info('fetch SCC done'); return response.json(); }) .then((data) => { setSalesChannelController(salesChannelControllerIdentifier, data); return data; }) .catch((error) => { console.info('missing data from salesChannelController'); throw error; }); } } let setSalesChannelController = function(salesChannelControllerIdentifier, data) { sessionStorage.setItem(salesChannelControllerIdentifier, JSON.stringify(data)); } let processSalesChannelController = function(config) { let sCCId = config.salesChannelControllerIdentifier || salesChannelControllerIdentifier; try { if (sCCId && config.url) { setSalesChannelController(sCCId, getSalesChannelController(sCCId, config.url)); } } catch (e) { console.error(e, 'we have a problem with the sales channel controller ' + sCCId) } let salesChannelControllerDataString = sessionStorage.getItem(sCCId) || ''; if (salesChannelControllerDataString) { let salesChannelControllerData = JSON.parse(salesChannelControllerDataString); // @Todo: After successful testing, remove comment from following line // processActionsAndUpdateDl(salesChannelControllerData, guidesDataLayerName); } } function processActionsAndUpdateDl (data, dlName) { if (typeof data.actions !== 'undefined' && data.actions.length >= 1 && window[dlName] !== 'undefined') { for (var i = 0; i <= data.actions.length; i++) { if (typeof data.actions[i] !== 'undefined' && data.actions[i].hasOwnProperty('action') && data.actions[i].hasOwnProperty('actionAttributes')) { if (data.actions[i].action === 'ADD_COOKIE') { if (data.actions[i].actionAttributes['cookie.name'] && data.actions[i].actionAttributes['cookie.value'] && data.actions[i].actionAttributes['cookie.lifetime']) { setCookie( data.actions[i].actionAttributes['cookie.name'], data.actions[i].actionAttributes['cookie.value'], data.actions[i].actionAttributes['cookie.lifetime'], data ); } } if (data.actions[i].action === 'ADD_ACTIONCODE') { if (data.actions[i].actionAttributes['actioncode.code']) { window[dlName].eVar23 = window[dlName].eVar23 || data.actions[i].actionAttributes['actioncode.code']; window[dlName].eVar74 = window[dlName].eVar23; } } if (data.actions[i].action === 'ADD_MEDIUMCODE') { if (data.actions[i].actionAttributes['mediumcode.code']) { window[dlName].eVar22 = data.actions[i].actionAttributes['mediumcode.code'] || window[dlName].eVar22; window[dlName].eVar24 = window[dlName].eVar24 || data.actions[i].actionAttributes['mediumcode.code']; } } if (data.actions[i].action === 'ADD_TRACKINGCODE_COMP') { var itcChannel = ''; var itcProduct = ''; var itcCampaign = ''; if (data.actions[i].actionAttributes.channelcode) { window[dlName].eVar97 = window[dlName].eVar97 || data.actions[i].actionAttributes.channelcode; itcChannel = window[dlName].eVar97; } if (data.actions[i].actionAttributes.productcode) { window[dlName].eVar98 = window[dlName].eVar98 || data.actions[i].actionAttributes.productcode; itcProduct = window[dlName].eVar98; } if (data.actions[i].actionAttributes.campaigncode) { window[dlName].eVar99 = window[dlName].eVar99 || data.actions[i].actionAttributes.campaigncode; itcCampaign = window[dlName].eVar99; } } } } } } window.processSalesChannelController = processSalesChannelController; window.promisedConsentScriptsBefore.push({ scriptOrFunction: 'processSalesChannelController', data: { salesChannelControllerIdentifier: 'salesChannelGuidesPreview', url: 'https://www.ionos.com/shop-api/api/v1/saleschannel' } }); let jentisFn = function () { const jentisConfig = new Map([ ['de', {endpoint: 'https://6zqtim.ionos.de', project: 'ionos_de', jsFile: 'aljmf5.js'}], ['uk', {endpoint: 'https://xxwre7.ionos.co.uk', project: 'ionos_co_uk', jsFile: 'akbbdz.js'}], ['us', {endpoint: 'https://54ft7i.ionos.com', project: 'ionos_com', jsFile: '48gpcp.js'}], ['ca', {endpoint: 'https://nsupig.ionos.ca', project: 'ionos_ca', jsFile: 'j05pa0.js'}], ['fr', {endpoint: 'https://948si5.ionos.fr', project: 'ionos_fr', jsFile: 'b44g5k.js'}], ['es', {endpoint: 'https://v0v7kq.ionos.es', project: 'ionos_es', jsFile: 'bp6upp.js'}], ['it', {endpoint: 'https://kt8986.ionos.it', project: 'ionos_it', jsFile: 'td7zu1.js'}], ['mx', {endpoint: 'https://e5xnsj.ionos.mx', project: 'ionos_mx', jsFile: 'tvjenp.js'}], ['at', {endpoint: 'https://6kudki.ionos.at', project: 'ionos_at', jsFile: '9t1jfx.js'}], ]); let country = window.guidesDataLayer.market.toLowerCase(); const jentisRuntimeConfig = jentisConfig.has(country) ? jentisConfig.get(country) : null; if (jentisRuntimeConfig === null) { throw new Error('Jentis runtime configuration not available!'); } (function (sCDN, sCDNProject, sCDNWorkspace, sCDNVers) { if ( window.localStorage !== null && typeof window.localStorage === "object" && typeof window.localStorage.getItem === "function" && window.sessionStorage !== null && typeof window.sessionStorage === "object" && typeof window.sessionStorage.getItem === "function" ) { sCDNVers = window.sessionStorage.getItem("jts_preview_version") || window.localStorage.getItem("jts_preview_version") || sCDNVers; } window.jentis = window.jentis || {}; window.jentis.config = window.jentis.config || {}; window.jentis.config.frontend = window.jentis.config.frontend || {}; window.jentis.config.frontend.cdnhost = sCDN + "/get/" + sCDNWorkspace + "/web/" + sCDNVers + "/"; window.jentis.config.frontend.vers = sCDNVers; window.jentis.config.frontend.env = sCDNWorkspace; window.jentis.config.frontend.project = sCDNProject; window._jts = window._jts || []; var f = document.getElementsByTagName("script")[0]; var j = document.createElement("script"); j.async = true; j.src = window.jentis.config.frontend.cdnhost + jentisRuntimeConfig.jsFile; f.parentNode.insertBefore(j, f); })(jentisRuntimeConfig.endpoint, jentisRuntimeConfig.project, "live", "_"); window?.ionos?.datalayer?.initConsent(); } const jentisPageView = function () { const dataLayerNs = window.ionos.datalayer.pageview; dataLayerNs.applicationName = window.guidesDataLayer.shopname; dataLayerNs.subShopname = null; dataLayerNs.page = window.guidesDataLayer.prop1; dataLayerNs.productArea = window.guidesDataLayer.eVar1; dataLayerNs.section = window.guidesDataLayer.eVar6; dataLayerNs.hashedIp = null; dataLayerNs.loginStatus = null; dataLayerNs.hashedCustomerId = null; window.dataLayerNs = dataLayerNs; sendData = () => { window?.ionos?.datalayer?.initConsent(); window?.ionos?.datalayer?.pageview?.sendData(); }; window.privacyConsent.invoke( sendData, window.PrivacyConsentEnum.STATISTICS, window.privacyConsent, true, ); window.privacyConsent.initialize(); window?.ionos?.datalayer?.initConsent(); } window.jentisFn = jentisFn; window.jentisPageView = jentisPageView; window.promisedConsentScriptsBefore.push({scriptOrFunction: 'jentisFn'}); window.promisedConsentScriptsAfter.push({scriptOrFunction: 'https://var.uicdn.net/shopsshort/ionos-datalayer/datalayer.min.js'}); window.promisedConsentScriptsAfter.push({scriptOrFunction: 'jentisPageView'}); let hubspot = function () { let hubspotFn = function () { var n = document.createElement("script"); n.setAttribute("id", 'hs-script-loader'); n.async = true; n.defer = true; n.setAttribute("src", 'https://js-eu1.hs-scripts.com/8230984.js'); window.document.head.appendChild(n); }; window.privacyConsent.invoke( hubspotFn, PrivacyConsentEnum.STATISTICS, window.privacyConsent, true ); window.privacyConsent.initialize(); } window.hubspot = hubspot; window.promisedConsentScriptsAfter.push({scriptOrFunction: 'hubspot'}); function consentRelatedScriptsInsertAfter(newNode, existingNode) { existingNode.parentNode.insertBefore(newNode, existingNode.nextSibling); } let consentRelatedScripts = function() { var consentRelatedScriptsFn = document.querySelectorAll('script[type="text/plain"][data-consent]'); console.info(consentRelatedScriptsFn); var consentedFunctions = []; consentRelatedScriptsFn.forEach(function (item) { var consentCategoryFromDataSet = item.dataset.consent || ''; if (consentCategoryFromDataSet !== '') { var consentCategory = consentCategoryFromDataSet.toUpperCase(); if (!(consentCategory in consentedFunctions)) { consentedFunctions[consentCategory] = []; } consentedFunctions[consentCategory].push(item); } }) var activateConsentRelatedScripts = []; for (var consentCategory in consentedFunctions) { activateConsentRelatedScripts[consentCategory] = function() { consentedFunctions[consentCategory].forEach(function(item) { var newScriptContent = item.text; const newScript = document.createElement("script"); newScript.text = newScriptContent; newScript.type = "text/javascript"; newScript.dataset.consentGiven = true; consentRelatedScriptsInsertAfter(newScript, item); }); }; window.privacyConsent.invoke( activateConsentRelatedScripts[consentCategory], PrivacyConsentEnum[consentCategory], window.privacyConsent, false ); window.privacyConsent.initialize(); } } window.consentRelatedScripts = consentRelatedScripts; window.consentRelatedScriptsInsertAfter = consentRelatedScriptsInsertAfter; window.promisedConsentScriptsAfter.push({scriptOrFunction: 'consentRelatedScripts'}); window.promisedConsentScriptsBefore = window.promisedConsentScriptsBefore || []; window.promisedConsentScriptsAfter = window.promisedConsentScriptsAfter || []; loadPromisedConsentScripts({ consentUrl: 'https://www.ionos.com/modules/hosting-common/script/privacy/bundle.js', consentType: 'default', before: window.promisedConsentScriptsBefore, after: window.promisedConsentScriptsAfter }); </script> <script> "use strict"; if (typeof ready !== 'function') { var ready=function(e){"loading"!==document.readyState?e():document.addEventListener?document.addEventListener("DOMContentLoaded",e):document.attachEvent("onreadystatechange",function(){"complete"===document.readyState&&e()})}; } /** Polyfill for NodeList.forEach */ if ('NodeList' in window && !NodeList.prototype.forEach) {NodeList.prototype.forEach = function (callback, thisArg) {thisArg = thisArg || window;for (var i = 0; i < this.length; i++) callback.call(thisArg, this[i], i, this);};} /** Polyfill for HTMLCollection.forEach */ if ('HTMLCollection' in window && !HTMLCollection.prototype.forEach) {HTMLCollection.prototype.forEach = function (callback, thisArg) {thisArg = thisArg || window;for (var i = 0; i < this.length; i++) callback.call(thisArg, this[i], i, this);};} /** Array.prototype.includes() polyfill @author Chris Ferdinandi @license MIT */ if (!Array.prototype.includes) {Array.prototype.includes = function (search, start) {'use strict';if (search instanceof RegExp) throw TypeError('first argument must not be a RegExp');if (start === undefined) start = 0;return this.indexOf(search, start) !== -1;};} /** Polyfill for Element.matches */ if (Element && !Element.prototype.matches) {Element.prototype.matches = Element.prototype.matchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector;} </script> <link class="finalUrl" rel="shortcut icon" href="/favicon.ico" sizes="16x16 24x24 32x32 48x48 64x64 72x72 96x96" type="image/x-icon"><link class="finalUrl" rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><link class="finalUrl" rel="icon" type="image/png" href="/favicon-24x24.png" sizes="24x24"><link class="finalUrl" rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link class="finalUrl" rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48"><link class="finalUrl" rel="icon" type="image/png" href="/favicon-64x64.png" sizes="64x64"><link class="finalUrl" rel="icon" type="image/png" href="/favicon-72x72.png" sizes="72x72"><link class="finalUrl" rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"><link class="finalUrl" rel="icon" type="image/png" href="/favicon-256x256.png" sizes="256x256"><link class="finalUrl" rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml"><link class="finalUrl" rel="apple-touch-icon" type="image/png" href="/apple-touch-icon-180x180.png"><meta name="apple-mobile-web-app-title" content="IONOS Digital Guide"><meta name="msapplication-TileColor" content="#0b2a63"><meta name="theme-color" content="#001b41"><link class="finalUrl" rel="manifest" href="/site.webmanifest"><link rel="preload" class="preload" href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg" as="image"/> <link rel="canonical" href="https://www.ionos.com/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/"/> <link rel="alternate" hreflang="de" href="https://www.ionos.de/digitalguide/hosting/cms/headless-cms-was-sind-die-vorteile/"/> <link rel="alternate" hreflang="de-AT" href="https://www.ionos.at/digitalguide/hosting/cms/headless-cms-was-sind-die-vorteile/"/> <link rel="alternate" hreflang="de-DE" href="https://www.ionos.de/digitalguide/hosting/cms/headless-cms-was-sind-die-vorteile/"/> <link rel="alternate" hreflang="en-CA" href="https://www.ionos.ca/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/"/> <link rel="alternate" hreflang="en-GB" href="https://www.ionos.co.uk/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/"/> <link rel="alternate" hreflang="en-US" href="https://www.ionos.com/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/"/> <link rel="alternate" hreflang="es" href="https://www.ionos.com/es-us/digitalguide/hosting/cms/headless-cms-cuales-son-sus-ventajas/"/> <link rel="alternate" hreflang="es-AR" href="https://www.ionos.com/es-us/digitalguide/hosting/cms/headless-cms-cuales-son-sus-ventajas/"/> <link rel="alternate" hreflang="es-ES" href="https://www.ionos.es/digitalguide/hosting/cms/headless-cms-cuales-son-sus-ventajas/"/> <link rel="alternate" hreflang="es-MX" href="https://www.ionos.mx/digitalguide/hosting/cms/headless-cms-cuales-son-sus-ventajas/"/> <link rel="alternate" hreflang="fr" href="https://www.ionos.fr/digitalguide/hebergement/cms/headless-cms-quels-sont-les-avantages/"/> <link rel="alternate" hreflang="it" href="https://www.ionos.it/digitalguide/hosting/cms/cms-headless-quali-sono-i-vantaggi-di-questi-siti/"/> <link rel="alternate" hreflang="x-default" href="https://www.ionos.com/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/"/> </head> <body class="position-relative page-1653" id="page-1653"> <nav id="navigation-main" class="navbar brand-header-bg brand-header-color position-fixed fixed-top contain-style" data-bs-theme="dark"><span class="scroll-indicator d-block fixed-top w-100"><span class="d-block brand-scroll-indicator-bg"></span></span><div class="container-fluid container-sm"><a data-linkid="guides.header.logo" class="navbar-brand mx-0 d-flex align-items-center link-internal" href="https://www.ionos.com/digitalguide/" target="_top" title="Digital Guide" data-guides-target-uid="1"><svg class="d-inline-block m-0 brand-logo brand-header-color"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#ionos-logo" /></svg><span class="brand-entity d-inline-block m-0 ms-3 brand-header-color lh-1">Digital Guide</span></a><form id="search-bar" class="search-form input-group input-group-sm w-auto mx-5 d-none d-lg-flex flex-fill" role="search" action="https://www.ionos.com/digitalguide/search/" method="POST" autocomplete="off"><span class="input-group-text rounded-start-5 border-0 px-0 brand-header-search-bg"><button class="btn btn-sm brand-header-search-bg brand-header-muted-color" type="submit" id="navbar-search" data-linkid="guides.navigation.module.search.btn"><svg width="16" height="16"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-search"></use></svg><span class="visually-hidden">Search</span></button></span><input class="form-control rounded-end-5 border-0 ps-1 brand-header-search-bg brand-header-muted-color" type="text" name="search" onkeyup="javascript:localStorage.setItem('searchTerm', cleanupSearchString(this.value))" placeholder="Search" autocomplete="off" aria-label="Search" aria-describedby="navbar-search" spellcheck="false" ></form><button class="btn btn-sm btn-cta px-3 ms-auto me-5 d-none d-sm-block" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar-products" aria-controls="navbar-products" aria-labelledby="navbar-products"> IONOS Products </button><div class="offcanvas offcanvas-top brand-header-bg brand-header-color" data-bs-hideresize="true" tabindex="-1" id="navbar-products" aria-labelledby="navbar-products"><div class="offcanvas-header"><span class="offcanvas-title h5 brand-header-color" id="offcanvas-label-navigation-products">IONOS Products</span><button type="button" class="btn-close brand-header-color navbar-toggler" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body pt-0 position-relative align-items-center"><ul class="nav"><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Domains & SSL</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/domains/domain-names" target="_top" data-linkid="guides.navigation.products.domains-ssl.domain-names" class="nav-link link-internal">Domain Names</a></li><li class="nav-item"><a href="https://www.ionos.com/domains/domain-check" target="_top" data-linkid="guides.navigation.products.domains-ssl.domain-name-search" class="nav-link link-internal">Domain Name Search</a></li><li class="nav-item"><a href="https://www.ionos.com/domains/domain-transfer" target="_top" data-linkid="guides.navigation.products.domains-ssl.free-domain-transfer" class="nav-link link-internal">Free Domain Transfer</a></li><li class="nav-item"><a href="https://www.ionos.com/domains/com-domain" target="_top" data-linkid="guides.navigation.products.domains-ssl.com-domain" class="nav-link link-internal">.com Domain</a></li><li class="nav-item"><a href="https://www.ionos.com/domains/1-dollar-domains" target="_top" data-linkid="guides.navigation.products.domains-ssl.1-dollar-domain" class="nav-link link-internal">1 Dollar Domain</a></li><li class="nav-item"><a href="https://www.ionos.com/domains/cheap-domain-names" target="_top" data-linkid="guides.navigation.products.domains-ssl.cheap-domain" class="nav-link link-internal">Cheap Domain</a></li><li class="nav-item"><a href="https://www.ionos.com/domains/free-domain-name" target="_top" data-linkid="guides.navigation.products.domains-ssl.free-domain" class="nav-link link-internal">Free Domain</a></li><li class="nav-item"><a href="https://www.ionos.com/security/ssl-certificate" target="_top" data-linkid="guides.navigation.products.domains-ssl.buy-ssl-certificate" class="nav-link link-internal">Buy SSL Certificate</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Websites & eCommerce</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/websites/website-builder" target="_top" data-linkid="guides.navigation.products.websites-ecommerce.website-builder" class="nav-link link-internal">Website Builder</a></li><li class="nav-item"><a href="https://www.ionos.com/websites/launch-your-website" target="_top" data-linkid="guides.navigation.products.websites-ecommerce.website-platforms" class="nav-link link-internal">Website Platforms</a></li><li class="nav-item"><a href="https://www.ionos.com/websites/templates" target="_top" data-linkid="guides.navigation.products.websites-ecommerce.website-templates" class="nav-link link-internal">Website Templates</a></li><li class="nav-item"><a href="https://www.ionos.com/websites/custom-made-website" target="_top" data-linkid="guides.navigation.products.websites-ecommerce.web-design-services" class="nav-link link-internal">Web Design Services</a></li><li class="nav-item"><a href="https://www.ionos.com/ecommerce-solutions/ecommerce-website-builder" target="_top" data-linkid="guides.navigation.products.websites-ecommerce.ecommerce-website-builder" class="nav-link link-internal">eCommerce Website Builder</a></li><li class="nav-item"><a href="https://www.ionos.com/marketing/local-business-listings" target="_top" data-linkid="guides.navigation.products.websites-ecommerce.search-engine-optimization-tool" class="nav-link link-internal">Search Engine Optimization Tool</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Hosting & WordPress</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/hosting/web-hosting" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.web-hosting" class="nav-link link-internal">Web Hosting</a></li><li class="nav-item"><a href="https://www.ionos.com/hosting/managed-wordpress" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.wordpress-hosting" class="nav-link link-internal">WordPress Hosting</a></li><li class="nav-item"><a href="https://www.ionos.com/hosting/1-dollar-web-hosting" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.1-dollar-hosting" class="nav-link link-internal">1 Dollar Hosting</a></li><li class="nav-item"><a href="https://www.ionos.com/hosting/windows-hosting" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.windows-hosting" class="nav-link link-internal">Windows Hosting</a></li><li class="nav-item"><a href="https://www.ionos.com/hosting/free-website-hosting" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.free-website-hosting" class="nav-link link-internal">Free Website Hosting</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Office</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/office-solutions/create-an-email-address" target="_top" data-linkid="guides.navigation.products.office.create-business-email" class="nav-link link-internal">Create Business Email</a></li><li class="nav-item"><a href="https://www.ionos.com/office-solutions/hidrive-cloud-storage" target="_top" data-linkid="guides.navigation.products.office.hidrive-cloud-storage" class="nav-link link-internal">HiDrive Cloud Storage</a></li><li class="nav-item"><a href="https://www.ionos.com/office-solutions/microsoft-office" target="_top" data-linkid="guides.navigation.products.office.microsoft-365-business" class="nav-link link-internal">Microsoft 365 Business</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Servers</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/cloud/cloud-servers" target="_top" data-linkid="guides.navigation.products.servers.cloud-server" class="nav-link link-internal">Cloud Server</a></li><li class="nav-item"><a href="https://www.ionos.com/servers/vps" target="_top" data-linkid="guides.navigation.products.servers.vps-hosting" class="nav-link link-internal">VPS Hosting</a></li><li class="nav-item"><a href="https://www.ionos.com/servers/free-vps" target="_top" data-linkid="guides.navigation.products.servers.free-vps" class="nav-link link-internal">Free VPS</a></li><li class="nav-item"><a href="https://www.ionos.com/servers/dedicated-servers" target="_top" data-linkid="guides.navigation.products.servers.dedicated-servers" class="nav-link link-internal">Dedicated Servers</a></li><li class="nav-item"><a href="https://www.ionos.com/servers/rent-a-server" target="_top" data-linkid="guides.navigation.products.servers.rent-a-server" class="nav-link link-internal">Rent a Server</a></li><li class="nav-item"><a href="https://cloud.ionos.com/" target="_top" data-linkid="guides.navigation.products.servers.ionos-cloud" class="nav-link link-internal">IONOS Cloud</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Tools</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/tools/business-name-generator" target="_top" data-linkid="guides.navigation.products.tools.business-name-generator" class="nav-link link-internal">Business Name Generator</a></li><li class="nav-item"><a href="https://www.ionos.com/tools/logo-maker" target="_top" data-linkid="guides.navigation.products.tools.logo-creator" class="nav-link link-internal">Logo Creator</a></li><li class="nav-item"><a href="https://www.ionos.com/tools/favicon-generator" target="_top" data-linkid="guides.navigation.products.tools.favicon-generator" class="nav-link link-internal">Favicon Generator</a></li><li class="nav-item"><a href="https://www.ionos.com/tools/whois-domain-lookup" target="_top" data-linkid="guides.navigation.products.tools.whois-lookup" class="nav-link link-internal">Whois Lookup</a></li><li class="nav-item"><a href="https://www.ionos.com/tools/website-checker" target="_top" data-linkid="guides.navigation.products.tools.website-checker" class="nav-link link-internal">Website Checker</a></li><li class="nav-item"><a href="https://www.ionos.com/tools/seo-check" target="_top" data-linkid="guides.navigation.products.tools.seo-check" class="nav-link link-internal">SEO Check</a></li><li class="nav-item"><a href="https://www.ionos.com/tools/ssl-checker" target="_top" data-linkid="guides.navigation.products.tools.ssl-checker" class="nav-link link-internal">SSL Checker</a></li><li class="nav-item"><a href="https://www.ionos.com/tools/ip-address" target="_top" data-linkid="guides.navigation.products.tools.ip-address-check" class="nav-link link-internal">IP Address Check</a></li></ul></li></ul></div></div><button class="navbar-toggler border-0 collapsed" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar-main" aria-controls="navbar-main" aria-labelledby="navbar-main"><span class="navbar-toggler-icon"></span></button><div class="offcanvas offcanvas-top brand-header-bg brand-header-color" data-bs-hideresize="true" tabindex="-1" id="navbar-main" aria-labelledby="navbar-main"><div class="offcanvas-header"><span class="offcanvas-title h5 brand-header-color" id="offcanvas-label-navigation-main">Main menu</span><button type="button" class="btn-close brand-header-color navbar-toggler" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body pt-0 position-relative align-items-center"><div class="row"><div class="col-12 col-sm-6 align-self-center order-1 px-3 py-1"><form id="search-navigation" class="search-form input-group input-group-sm w-auto" role="search" action="https://www.ionos.com/digitalguide/search/" method="POST" autocomplete="off"><span class="input-group-text rounded-start-5 border-0 px-0 brand-header-search-bg"><button class="btn btn-sm brand-header-search-bg brand-header-muted-color" type="submit" id="offcanvas-search" data-linkid="guides.navigation.module.search.btn"><svg width="16" height="16"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-search"></use></svg><span class="visually-hidden">Search</span></button></span><input class="form-control rounded-end-5 border-0 ps-1 brand-header-search-bg brand-header-muted-color" type="text" name="search" onkeyup="javascript:localStorage.setItem('searchTerm', cleanupSearchString(this.value))" placeholder="Search" autocomplete="off" aria-label="Search" aria-describedby="navbar-search" spellcheck="false" ></form></div><div class="col-12 col-sm-6 align-self-center order-3 order-sm-2 px-3"><button class="btn btn-sm btn-cta px-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar-products" aria-controls="navbar-products" aria-labelledby="navbar-products">IONOS Products</button></div><div class="col-12 order-2 order-sm-3"><ul class="nav"><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.com/digitalguide/websites/" target="_top" data-linkid="guides.navigation.main.websites" title="Websites" class="nav-link link-internal">Websites</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/digitalguide/websites/website-creation/" target="_top" data-linkid="guides.navigation.main.websites.website-creation" title="Website creation" class="nav-link link-internal">Website creation</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/websites/web-design/" target="_top" data-linkid="guides.navigation.main.websites.web-design" title="Web design" class="nav-link link-internal">Web design</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/websites/web-development/" target="_top" data-linkid="guides.navigation.main.websites.web-development" title="Web development" class="nav-link link-internal">Web development</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/websites/digital-law/" target="_top" data-linkid="guides.navigation.main.websites.digital-law" title="Digital law" class="nav-link link-internal">Digital law</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.com/digitalguide/hosting/" target="_top" data-linkid="guides.navigation.main.hosting" title="Hosting" class="nav-link active link-internal">Hosting</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/digitalguide/hosting/cms/" target="_top" data-linkid="guides.navigation.main.hosting.cms" title="CMS" class="nav-link active link-internal">CMS</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/hosting/blogs/" target="_top" data-linkid="guides.navigation.main.hosting.blogs" title="Blogs" class="nav-link link-internal">Blogs</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/hosting/technical-matters/" target="_top" data-linkid="guides.navigation.main.hosting.technical-matters" title="Technical matters" class="nav-link link-internal">Technical matters</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.com/digitalguide/server/" target="_top" data-linkid="guides.navigation.main.server" title="Server" class="nav-link link-internal">Server</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/digitalguide/server/know-how/" target="_top" data-linkid="guides.navigation.main.server.know-how" title="Know-how" class="nav-link link-internal">Know-how</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/server/configuration/" target="_top" data-linkid="guides.navigation.main.server.configuration" title="Configuration" class="nav-link link-internal">Configuration</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/server/security/" target="_top" data-linkid="guides.navigation.main.server.security" title="Security" class="nav-link link-internal">Security</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/server/tools/" target="_top" data-linkid="guides.navigation.main.server.tools" title="Tools" class="nav-link link-internal">Tools</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.com/digitalguide/domains/" target="_top" data-linkid="guides.navigation.main.domains" title="Domains" class="nav-link link-internal">Domains</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/digitalguide/domains/domain-extensions/" target="_top" data-linkid="guides.navigation.main.domains.domain-extensions" title="Domain extensions" class="nav-link link-internal">Domain extensions</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/domains/domain-administration/" target="_top" data-linkid="guides.navigation.main.domains.domain-administration" title="Domain administration" class="nav-link link-internal">Domain administration</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/domains/domain-news/" target="_top" data-linkid="guides.navigation.main.domains.domain-news" title="Domain news" class="nav-link link-internal">Domain news</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/domains/domain-tips/" target="_top" data-linkid="guides.navigation.main.domains.domain-tips" title="Domain tips" class="nav-link link-internal">Domain tips</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.com/digitalguide/online-marketing/" target="_top" data-linkid="guides.navigation.main.online-marketing" title="Online marketing" class="nav-link link-internal">Online marketing</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/digitalguide/online-marketing/online-sales/" target="_top" data-linkid="guides.navigation.main.online-marketing.online-sales" title="Online sales" class="nav-link link-internal">Online sales</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/online-marketing/search-engine-marketing/" target="_top" data-linkid="guides.navigation.main.online-marketing.search-engine-marketing" title="Search engine marketing" class="nav-link link-internal">Search engine marketing</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/online-marketing/social-media/" target="_top" data-linkid="guides.navigation.main.online-marketing.social-media" title="Social media" class="nav-link link-internal">Social media</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/online-marketing/web-analytics/" target="_top" data-linkid="guides.navigation.main.online-marketing.web-analytics" title="Web analytics" class="nav-link link-internal">Web analytics</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.com/digitalguide/e-mail/" target="_top" data-linkid="guides.navigation.main.e-mail" title="E-mail" class="nav-link link-internal">E-mail</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.com/digitalguide/e-mail/e-mail-marketing/" target="_top" data-linkid="guides.navigation.main.e-mail.e-mail-marketing" title="E-mail marketing" class="nav-link link-internal">E-mail marketing</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/e-mail/e-mail-security/" target="_top" data-linkid="guides.navigation.main.e-mail.e-mail-security" title="E-Mail security" class="nav-link link-internal">E-Mail security</a></li><li class="nav-item"><a href="https://www.ionos.com/digitalguide/e-mail/technical-matters/" target="_top" data-linkid="guides.navigation.main.e-mail.technical-matters" title="Technical matters" class="nav-link link-internal">Technical matters</a></li></ul></li></ul></div></div></div></div></div></nav><div class="modal fade exit-intent-ionos" id="exitIntent" data-bs-backdrop="static" tabindex="-1" aria-label="exit-intent-header" aria-modal="true" role="dialog"><div class="modal-dialog modal-dialog-centered modal-xl w-md-100 mw-md-90 mw-xl-75" style="max-width: 1000px !important"><div class="modal-content rounded-4 overflow-hidden"><div class="modal-body position-relative p-0"><div id="c514951" class="mx-auto guides_exit_intent_content" data-ctype="guides_exit_intent_content"><div class="row exit-intent-container has-image" id="exit-intent-2045-514951"><div class="exit-intent-area-content col-12 col-md"><div class="exit-intent-content p-4 pb-0 pb-md-4"><svg class="d-inline-block m-0 exit-intent-brand-logo exit-intent-ionos-logo mb-5"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#ionos-logo" /></svg><div class="exit-intent-headline d-block mt-0 mx-0 mb-3 h3">Special Deals<span class="exit-intent-subline d-block mt-1 mx-0 mb-0 h3">Save on great business-boosting products</span></div><div class="exit-intent-text"><p>Build or host a website, launch a server, or store your data and more with our most popular products for less.</p><button type="submit" data-linkid="guides.exit-intent.btn.exit-intent-bg-male-offer-sign-desktop-png" class="btn btn-cta mt-2 stretched-link px-3" onclick="globalSBSitecat('event121');window.open('https://www.ionos.com/','_top')">Find a deal</button></div></div></div><div class="exit-intent-area-stage col-12 col-md-5 d-none d-md-flex pt-4 ps-4"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_exit-intent-bg-male-offer-sign_desktop_2fbf5e1de6.webp" width="725" height="700" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_exit-intent-bg-male-offer-sign_desktop_b97a6aa21c.webp 725w,https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_exit-intent-bg-male-offer-sign_desktop_2b474a2d43.webp 554w,https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_exit-intent-bg-male-offer-sign_desktop_b406e76138.webp 704w,https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_exit-intent-bg-male-offer-sign_desktop_2cbf428a16.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_exit-intent-bg-male-offer-sign_desktop_b6fdc6d5ba.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_exit-intent-bg-male-offer-sign_desktop_11e39cea85.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/a/d/csm_exit-intent-bg-male-offer-sign_desktop_11e39cea85.webp 304w" sizes="(min-width: 1400px) 725px,(min-width: 1200px) 554px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="" alt="exit-intent-bg-male-offer-sign_desktop.png" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape mw-100 ms-auto mt-auto me-0 mb-0" ></div><div class="exit-intent-area-stage col-8 mx-auto d-flex d-md-none pt-4"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/d/1/csm_exit-intent-bg-male-offer-sign_mobile_2b6dad4a55.webp" width="400" height="325" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/d/1/csm_exit-intent-bg-male-offer-sign_mobile_8a357f866e.webp 400w,https://www.ionos.com/digitalguide/fileadmin/_processed_/d/1/csm_exit-intent-bg-male-offer-sign_mobile_ce0c94982c.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/d/1/csm_exit-intent-bg-male-offer-sign_mobile_ce0c94982c.webp 304w" sizes="(min-width: 412px) 400px,(min-width: 320px) 304px,(max-width:319px) 304px" title="" alt="exit-intent-bg-male-offer-sign_mobile.png" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape mw-100 ms-auto mt-auto me-0 mb-0" ></div></div></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close"></button></div></div></div></div> <article> <div class="bg-transparent bg-md-brand-gray-100"> <nav aria-label="breadcrumb" class="d-none d-md-flex pt-2 pt-lg-5 container-fluid container-sm contain-style"> <ol class="breadcrumb m-0"> <li class="breadcrumb-item m-0 p-0"><a class="text-decoration-none link-internal" href="https://www.ionos.com" title="IONOS" data-linkid="guides.navigation.breadcrumb.ionos" target="_top">IONOS</a></li> <li class="breadcrumb-item m-0 p-0"><svg width="16" height="16" class="mx-1 brand-breadcrumb-icon-color"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-breadcrumb-divider"/></svg><a data-linkid="guides.navigation.breadcrumb.digital-guide" class="text-decoration-none link-internal" title="Digital Guide" href="https://www.ionos.com/digitalguide/" target="_top">Digital Guide</a></li> <li class="breadcrumb-item m-0 p-0"><svg width="16" height="16" class="mx-1 brand-breadcrumb-icon-color"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-breadcrumb-divider"/></svg><a data-linkid="guides.navigation.breadcrumb.hosting" class="text-decoration-none link-internal" title="Hosting" href="https://www.ionos.com/digitalguide/hosting/" target="_top">Hosting</a></li> <li class="breadcrumb-item m-0 p-0"><svg width="16" height="16" class="mx-1 brand-breadcrumb-icon-color"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-breadcrumb-divider"/></svg><a data-linkid="guides.navigation.breadcrumb.cms" class="text-decoration-none link-internal" title="CMS" href="https://www.ionos.com/digitalguide/hosting/cms/" target="_top">CMS</a></li> <li class="breadcrumb-item active m-0 p-0" aria-current="page"><svg width="16" height="16" class="mx-1 brand-breadcrumb-icon-color"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-breadcrumb-divider"/></svg>Headless CMS: What are the benefits?</li> </ol> </nav> <div class="container-fluid container-sm py-2 pb-md-5 py-lg-5 contain-style position-relative overflow-hidden"> <div class="row contain-style gap-2"> <div class="col d-flex flex-column contain-style gap-2 justify-content-around order-lg-last"> <h1 class="m-0 order-lg-2">Headless CMS</h1> <ul class="nav flex-row justify-content-between align-items-center my-0 gap-2 order-lg-last contain-style"><li class="my-0 d-flex flex-nowrap align-items-center position-relative"><span class="d-block fs-sm"><span class="d-block"><span class="d-block">IONOS editorial team</span></span><span class="d-flex fs-sm align-items-center gap-1"><svg width="16" height="16"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-calendar-event"></use></svg><time datetime="2023-05-12">05/12/2023</time></span></span></li><li class="my-0"><ul class="nav flex-row"><li><a data-linkid="guides.article.share.facebook" target="_blank" title="Share on Facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://www.ionos.com/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/" class="btn btn-lg btn-skeleton p-1 rounded-circle lh-1 facebook link-external" rel="noopener noreferrer"><svg width="16" height="16"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#facebook-logo"/></svg><span class="visually-hidden">Share on Facebook</span></a></li><li class="mx-1"><a data-linkid="guides.article.share.twitter" target="_blank" title="Share on Twitter" href="https://twitter.com/intent/tweet?source=https://www.ionos.com/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/&text=Headless%20CMS%3A%20What%20are%20the%20benefits%3F&hashtags=DigitalGuide&url=https://www.ionos.com/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/" class="btn btn-lg btn-skeleton p-1 rounded-circle lh-1 twitter-x link-external" rel="noopener noreferrer"><svg width="16" height="16"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#twitter-logo"/></svg><span class="visually-hidden">Share on Twitter</span></a></li><li><a data-linkid="guides.article.share.linkedin" target="_blank" title="Share on LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ionos.com/digitalguide/hosting/cms/headless-cms-what-are-the-benefits/" class="btn btn-lg btn-skeleton p-1 rounded-circle lh-1 linkedin link-external" rel="noopener noreferrer"><svg width="16" height="16"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#linkedin-logo"/></svg><span class="visually-hidden">Share on LinkedIn</span></a></li></ul></li></ul> <aside class="tags d-none order-lg-first d-lg-flex flex-wrap gap-2 align-items-center contain-style"> <ul class="nav d-flex flex-wrap gap-2 z-1"><li><a data-linkid="guides.article.module.tags.content-marketing" class="btn btn-sm btn-default z-1 link-internal" href="https://www.ionos.com/digitalguide/tags/content-marketing/" target="_top">Content Marketing</a></li></ul> </aside> </div> <div class="col-12 col-lg-6 d-none d-md-block mt-2 mt-lg-0" style="display: none"> <figure class="image position-relative overflow-hidden align-center visual-img contain-style my-0 w-100 h-100"> <picture><source media="(min-width: 1680px)" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_ff4856b10a.webp"/><source media="(min-width: 1400px)" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_adcd6a462e.webp"/><source media="(min-width: 1200px)" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_f7c87cf047.webp"/><source media="(min-width: 922px)" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_ac6ed9727f.webp"/><source media="(min-width: 768px)" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/6/5/csm_headless-cms-t_fb3c274477.webp"/><img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idHJhbnNwYXJlbnQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K" width="1200" height="630" title="Headless CMS" alt="Headless CMS" loading="eager" decoding="sync" class="img-fluid d-block mx-auto img-format-landscape w-100 h-100 object-fit-cover rounded-4 border border-1 border-brand-gray-100"/></picture> </figure> </div> </div> </div> </div> <div class="container-fluid container-sm"> <div class="row py-2 py-lg-5 contain-style position-relative gap-4 flex-xl-nowrap"> <section class="content col-12 col-xl-6 col-xxxl-7 contain-style order-2 position-relative overflow-hidden mw-xl-content-area"> <div id="c98727" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>Without content management systems, content creation work would be a lot more complicated. Instead being entered directly into the code of a website, the CMS contents are entered via a backend and output by the system in the frontend. The works quite well as long as you’re only managing a single website. Meanwhile, editors and content managers often have multiples sites and applications in play at the same time. To be able to handle this, one either needs multiple CMS, which means that content must be manually transferred from one to the other, or can instead use a headless CMS, which enables output in any number of media.</p> </div> </div> </div> <div id="c98729" class="textmedia" data-ctype="textmedia"> <h2> What is a headless CMS? </h2> <div class="text-row ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>A headless CMS is both an extension and a tightening of a classic CMS. The system takes in integral components to make it compatible with a wide variety of outputs. This is possible because the frontend and backend of a headless CMS aren’t monolithically linked with each other anymore.</p> </div> </div> </div> <div id="c98730" class="textmedia" data-ctype="textmedia"> <h3> What is this development good for? </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p>In a classic CMS, the created content is injected into the backend via an interface and organized in databases (usually MySQL). From there, the system links the content with themes/templates and presents the website via the frontend view. Content management systems like <a href="https://www.ionos.com/digitalguide/hosting/cms/wordpress-the-cms-for-more-than-just-blogs/" target="_top" class="internal-link link-internal" data-linkid="guides.content.link.int-guides.wordpress" title="WordPress: The CMS for more than just blogs" data-guides-target-uid="332">WordPress</a>, <a href="https://www.ionos.com/digitalguide/hosting/cms/drupal-information-and-tips-on-the-popular-cms/" target="_top" class="internal-link link-internal" data-linkid="guides.content.link.int-guides.drupal" title="Drupal: information and tips on the popular CMS" data-guides-target-uid="273">Drupal</a>, or <a href="https://www.ionos.com/digitalguide/hosting/cms/typo3-the-cms-with-greater-functionality/" target="_top" class="internal-link link-internal" data-linkid="guides.content.link.int-guides.typo3" title="TYPO3 – the CMS with greater functionality" data-guides-target-uid="321">TYPO3 </a>are designed to <strong>simplify daily work with content</strong>. Content can be adjusted and managed via the administrator interface without any web design or programming knowledge necessary. The prime example of CMS use is a <strong>blog</strong>. Bloggers often publish content (text, photos, videos) in high frequencies. It’s entered into the backend’s management area using HTML or WYSIWYG editors, and all the blogger specifies is a time of publication. This allows bloggers to focus on writing or creating content instead of programming. Other benefits: Multiple users with different roles and rights can work via the backend. Thus, CMS also becomes an editorial system. The readers of the blog aren’t affected by these processes: They only have access to the frontend, where they are shown the content released for publication, as usual. </p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1280px"><a href="https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots/EN-cms.png" aria-label="🔎 Schematic presentation of the functionality of a classic CMS" data-bs-toggle="modal" data-bs-target="#modal-29726" data-lightbox="29726" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_5daf751aa1.webp" width="1280" height="720" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_cd97fae1a3.webp 750w,https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_e4c5aa3ae4.webp 644w,https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_9dc0a1c511.webp 554w,https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_9b55a9e61d.webp 944w,https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_e989339953.webp 704w,https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_a5de73bdcb.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_0c1602ad40.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_02b1f5cc93.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_02b1f5cc93.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Schematic presentation of the functionality of a classic CMS" alt="Schematic presentation of the functionality of a classic CMS" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" ></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> With a classic CMS, both backend and frontend are integrated into the system </figcaption></figure><div class="modal fade lightbox" id="modal-29726" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/8/a/csm_EN-cms_5daf751aa1.webp" width="1280" height="720" title="Schematic presentation of the functionality of a classic CMS" alt="Schematic presentation of the functionality of a classic CMS" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> With a classic CMS, both backend and frontend are integrated into the system </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c98731" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>To make the use of these systems as simple as possible, a <strong>monolithic link between the frontend and backend </strong>is used. For example, on the administrative interface of WordPress, you can alter the look of a website without any web design knowledge using the template engine. This also means that you’re bound to the requirements of the system when creating content. This applies both to the number of outputs as well as the use of the programming language (for example, WordPress uses PHP). To avoid these constrictions, you can switch to a headless CMS.</p> </div> </div> </div> <div id="c98732" class="textmedia" data-ctype="textmedia"> <h3> Headless CMS </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p>For content managed in a CMS to appear on different media, the output on the website (the view) is disconnected: The head of the CMS is taken, so to speak, hence the name. Instead, an API is integrated that sites and applications can access. The various media have access to the content, but the presentation mode is individually regulated. <strong>Backend and frontend are thus decoupled from each other</strong>.</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1280px"><a href="https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots/EN-cms2.png" aria-label="🔎 Schematic presentation of the functionality of a headless CMS" data-bs-toggle="modal" data-bs-target="#modal-29727" data-lightbox="29727" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_91ef7a44c5.webp" width="1280" height="720" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_7534bab878.webp 750w,https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_5cdb9c9b62.webp 644w,https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_65578ca2c2.webp 554w,https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_0b66c4f23f.webp 944w,https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_e8625f50c6.webp 704w,https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_a707350087.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_6d30916fa7.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_2547967dd6.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_2547967dd6.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Schematic presentation of the functionality of a headless CMS" alt="Schematic presentation of the functionality of a headless CMS" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" ></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> With a headless CMS, the frontend area of a system is uncoupled </figcaption></figure><div class="modal fade lightbox" id="modal-29727" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/e/4/csm_EN-cms2_91ef7a44c5.webp" width="1280" height="720" title="Schematic presentation of the functionality of a headless CMS" alt="Schematic presentation of the functionality of a headless CMS" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> With a headless CMS, the frontend area of a system is uncoupled </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c98733" class="textmedia" data-ctype="textmedia"> <h4> REST-API: The headless CMS interface </h4> <div class="text-row ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>A REST-API (<a href="https://www.ionos.com/digitalguide/server/know-how/rest-the-http-solution-for-web-services/" target="_top" class="internal-link link-internal" data-linkid="guides.content.link.int-guides.representational-state-transfer" title="REST: the HTTP solution for web services" data-guides-target-uid="600">Representational State Transfer</a>-Application Programming Interface) is an interface that is less complex but more flexible to use. A REST-API uses the defined HTTP request methods such as PUT, GET, POST, and DELETE for communication. With such commands, a client can access information on the server to retrieve or change it. In principle, REST follows the architectural style of the web. REST-APIs (often called “RESTful APIs”) are built according to these criteria: </p><ul><li><strong>Servers provide resources:</strong> A REST-API is also available to external applications via a server. Access therefore doesn’t only work locally.</li></ul><ul><li><strong>Addresses identify things: </strong>Different types of applications need different file formats. With REST, the URI/URL doesn’t refer to a resource in a particular format, but instead to the element itself. Clients request the element in the desired format for content negotiation.</li></ul><ul><li><strong>Messages are self-explanatory:</strong> Each message on the server is self-contained and doesn’t refer to any previous ones.</li></ul><ul><li><strong>Resources given with links:</strong> Within REST, objects are linked with one another using hyperlinks for simple navigation.</li></ul><p> By adhering to these architectural principles, the communication between server/API and various clients can work flawlessly. This makes REST architecture perfect for a headless CMS API. </p> </div> </div> </div> <div id="c98734" class="textmedia my-4 position-relative d-flex flex-column rounded-4 p-3 border brand-box-bg brand-box-border-color brand-box-color" data-ctype="textmedia"> <div class="h3 has-icon"><svg width="16" height="16"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-list"></use></svg> Note </div> <div class="ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>REST is actually more of an idea than a technique. The computer scientist Roy Fielding introduced it as a construct of the World Wide Web in his <a href="https://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm" target="_blank" class="external-link-new-window link-external" title="Roy Fielding’s 2000 Dissertation" rel="noreferrer noopener noreferrer" data-linkid="guides.content.link.ext.dissertation-in-2000">dissertation in 2000</a> and received a lot of recognition. </p> </div> </div> </div> <div id="c98735" class="textmedia" data-ctype="textmedia"> <h4> Benefits of the separation of backend and frontend </h4> <div class="text-row ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>The described separation is useful from two perspectives: From the point of view of backend development, it helps the desire to spread content through more than one output. In a headless CMS, it doesn’t matter what kind of platform is given for the output of content. The REST-API only provides the data (in the form of JSON). This <strong>can be read by any frontend you want</strong>, regardless of what technology it’s programmed with. </p> <p>The frontend development view also offers benefits: As a web designer, you’re no longer bound to the requirements of a content management system with a headless CMS. The programming language is no longer defined. Because of this, the construction of mobile apps on various platforms is now possible. Only the raw data needs to be received and processed. This offers the presentation lots <strong>more wiggle room</strong> than is possible with most classic CMS. </p> <p>Another benefit is the <strong>dynamic request </strong>capability. Renewed content requests on a website on a classic CMS are followed by a reload of the entire page. The REST-API, however, delivers dynamic data that can be integrated into the site structure at any time without it needing to be reloaded. </p> <p>By separating the headless CMS backend from the individual frontends, a practical situation arises: since trends in web design are subject to regular changes, it’s useful to adjust the frontend of your own website from time to time. If this isn’t bound to a database and content management system, then it can be <strong>independently edited</strong>. Editors can also create, manage, and publish other content while working on a new frontend. </p> <p>The benefits of headless CMS:</p><ul><li>Unlimited number of frontends</li><li>Can combine different programming languages</li><li>Flexible frontend design</li><li>Continuity via decoupling</li><li>Dynamic data</li></ul> </div> </div> </div> <div id="c98736" class="textmedia" data-ctype="textmedia"> <h2> Which headless CMS are on the market? </h2> <div class="text-row ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>There are already some providers of headless content management systems on the market, but there are more every day. The providers listed below differ primarily in offering a paid total package or a free open source variant. There are also various hosting offers available. </p><ul><li><strong><a href="https://www.contentful.com/" target="_blank" class="external-link-new-window link-external" title="Homepage of Contentful" rel="noreferrer noopener noreferrer" data-linkid="guides.content.link.ext.contentful">Contentful</a></strong><strong>:</strong> The Berlin-based team has been working on the principle of headless CMS since 2011. By doing so, they’ve developed their system – including a functional backend – from the ground up instead of rebuilding a preexisting, classic CMS. But the offer is only available for free to a limited extent.</li></ul><ul><li><strong><a href="https://getdirectus.com/" target="_blank" class="external-link-new-window link-external" title="Homepage of Directus" rel="noreferrer noopener noreferrer" data-linkid="guides.content.link.ext.directus">Directus</a></strong><strong>: </strong>The provider Directus goes in a different direction. The system is primarily offered for free as an open source package. For those who want to rely on a premade hosting alternative, there are different subscription variants to choose from.</li></ul><ul><li><strong><a href="https://www.built.io/products/contentstack/overview" target="_blank" class="external-link-new-window link-external" title="Homepage of Contentstack" rel="noreferrer noopener noreferrer" data-linkid="guides.content.link.ext.contentstack">Contentstack</a></strong><strong>:</strong> Built.io, the manufacturer of multiple digital solutions, offers a paid headless CMS with Contentstack. Thanks to a REST-API, content creators have access to an easy-to-use backend that can provide content to the web, mobile apps, and the Internet of Things. This offer is primarily suitable for large companies.</li></ul><ul><li><strong><a href="https://www.cloudcms.com/" target="_blank" class="external-link-new-window link-external" title="Homepage of Cloud CMS" rel="noreferrer noopener noreferrer" data-linkid="guides.content.link.ext.cloud-cms">Cloud CMS</a></strong><strong>: </strong>This service provider offers its headless CMS as a cloud service. It functions more or less like other offers, but instead of running the content management, database, and interface on its own host, they’re offered on the cloud. Only in the high-price segment of the offer is a self-hosted CMS provided.</li></ul><ul><li><strong><a href="https://ez.no/" target="_blank" class="external-link-new-window link-external" title="Homepage of eZ" rel="noreferrer noopener noreferrer" data-linkid="guides.content.link.ext.ez-platform">eZ Platform</a></strong><strong>: </strong>The company eZ Systems has been offered since 1999 with the open source product eZ Publish as a classic CMS. The old concept was finally scrapped 16 years later in favor of a headless CMS with the <a href="https://www.ionos.com/digitalguide/hosting/cms/from-ez-publish-to-ez-platform-an-intro-to-ez-systems-cmss/" target="_top" class="internal-link link-internal" data-linkid="guides.content.link.int-guides.ez-platform" title="From eZ Publish to eZ Platform: an intro to eZ Systems CMSs" data-guides-target-uid="463">eZ Platform</a>. It is also open source: The product is freely available under the GNU GPL license. There are also paid variants with professional support and alternative licensing offers.</li></ul><p> To decide which headless CMS offer is right for you, you need to research the individual requirements and knowledge. For those who have their own server and can create an open source CMS, the <strong>free versions</strong> of eZ Systems or Directus are highly recommended. If you don’t have the necessary know-how for the installation and setup of the system, then you should take advantage of a <strong>paid variant</strong> to benefit from the advantages of this content management style. </p> </div> </div> </div> <div id="c98737" class="textmedia" data-ctype="textmedia"> <h2> Decoupled CMS </h2> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p>Headless CMS isn’t the best choice for every situation, though: Anyone who only uses one output for their content makes the process unnecessarily complicated by switching to the newer architecture. As a rule, this is because the corresponding servers must do more: costs and efforts both increase. Above all, you have to <strong>set up the frontend yourself</strong>. With a classic content management system, this work can be spared – the frontend is simply designed by the template engine. </p> <p>Content creators will also be missing out on a feature that any traditional CMS provides: In a headless CMS, <strong>no preview</strong> of the posted content is provided. Since the components are separate from one another, the backend doesn’t know anything about how the content should be presented. Decoupled CMS may provide the right balance instead. </p> <p>The ‘decoupled’ property applies mostly to headless CMS: Backend and frontend are no longer a unit. Progressive decoupling defines a method, though, where the frontend isn’t omitted, but instead <strong>APIs are connected</strong>. Nothing is cut out, it’s simply extended – so the output still runs via the CMS. Further frontends can dock using a plugin, which creates the interfaces. </p> <p>In these circumstances, the benefits of a classic CMS are still best: Content is presented via the system’s own engine, including the existing format templates. For example, if you also want to offer your content through an app, then the data can be obtained from an added API. The <strong>benefits of headless CMS and classic CMS</strong> complement each other in this extended version.</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1280px"><a href="https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Screenshots/EN-cms3.png" aria-label="🔎 Schematic presentation of the functionality of a decouple CMS" data-bs-toggle="modal" data-bs-target="#modal-29728" data-lightbox="29728" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_23bfbb69f3.webp" width="1280" height="720" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_096bbd3bb2.webp 750w,https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_2b587e4985.webp 644w,https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_bdd50eb31a.webp 554w,https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_cb44a56ee5.webp 944w,https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_eedfb1b15f.webp 704w,https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_1c9007e93d.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_2c8026da2a.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_3640840db3.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_3640840db3.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Schematic presentation of the functionality of a decouple CMS" alt="Schematic presentation of the functionality of a decouple CMS" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" ></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> In a decoupled CMS, both a system-specific frontend and a REST-API are available </figcaption></figure><div class="modal fade lightbox" id="modal-29728" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/1/c/csm_EN-cms3_23bfbb69f3.webp" width="1280" height="720" title="Schematic presentation of the functionality of a decouple CMS" alt="Schematic presentation of the functionality of a decouple CMS" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> In a decoupled CMS, both a system-specific frontend and a REST-API are available </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c98738" class="textmedia" data-ctype="textmedia"> <h3> Classic CMS becomes decoupled CMS </h3> <div class="text-row ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>Since headless CMS is discussed increasingly more often, the providers of traditional content management systems are realigning themselves. For example, since version 4.7, <strong>WordPress </strong>has added a REST-API as an integrated component. In earlier versions, this could only be connected via a plugin. The extension didn’t make it a headless CMS, though: WordPress becomes a decoupled CMS instead. Users who appreciate the scope of the content solution, including the template engine, can continue to work without losing any functionality. But those who want to use the CMS for the management of app content, for example, profit from the included interface. <strong>Drupal </strong>can also be transformed in a hybrid, as from version 8 onward the open source CMS offers the possibility to publish content in further frontends using RESTful web services.</p> </div> </div> </div> <div id="c98739" class="textmedia" data-ctype="textmedia"> <h2> Should you switch to headless CMS? </h2> <div class="text-row ce-textpic ce-right ce-intext"> <div class="ce-bodytext"> <p>Whether you should trade in your traditional system for a headless CMS or not depends primarily on what you plan to do with it. If you <strong>only want to present your content on a website</strong>, such as a blog, then getting rid of the frontend isn’t a good idea. Headless CMS does offer advantages beyond the possible quantity of output media, but this rarely justifies the extra effort. The use of a decoupled CMS also offers no additional value in this case: Why implement an interface when you only need to use the built-in frontend of the system? </p> <p>Of course, if you want to present your content on various platforms, it’s a different story. Headless CMS is particularly effective if you want to <strong>realize large projects</strong>. Multichannel capabilities, websites in PHP, Python, or Ruby, apps for iOS or Android – these present no problem at all. Editors and other content creators can manage their content as usual via the backend interface. Headless CMS (and decoupled CMS, when used correctly) are now professional frontend developers – they can be used with total freedom, as made possible by REST-API. </p> <p>The redevelopment of the content management system (not really a further development, since only half of the system is still used) is a <strong>reaction to the changing requirements of the internet</strong>. The special features of smartphones, the Internet of Things, or virtual reality, make a reevaluation of the way that content is created and published necessary. Headless and decoupled CMS are only the beginning. Therefore, even if working with a traditional CMS is still sufficient, you should continue keeping track of new developments. In view of the swift developments of the past few years, it could be that classic CMS will soon be just as poorly adapted to the habits and needs of many users as static websites currently are.</p> </div> </div> </div> <span class="d-block h4 text-center mb-4">Was this article helpful?</span> <div id="ratingContainer1653" class="mb-4"> <div class="d-flex justify-content-center align-items-bottom gap-2 recordrating-container"><button id="upvote" class="btn btn-default btn-lg position-relative lh-1 m-0 p-2" data-linkid="guides.rating.5" data-url="https://www.ionos.com/digitalguide/api/rating.json?tx_recordrating_recordrating%5Baction%5D=update&tx_recordrating_recordrating%5Bcontroller%5D=RecordRating&tx_recordrating_recordrating%5Brating%5D=5&tx_recordrating_recordrating%5BrecordUid%5D=1653&tx_recordrating_recordrating%5BsysLanguageUid%5D=3&tx_recordrating_recordrating%5Btable%5D=pages" onclick="getThisDataUrl.call(this, event, 'ratingContainer1653')"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 22.5C34 27.123 32.668 34 29 34H17.5C15.621 34 13.556 33.099 12 32.235V14.794L13.34 13.956C14.083 12.395 15 10.044 15 9V3.5C15 2.671 15.671 2 16.5 2H19.5C19.947 2 20.371 2.2 20.656 2.544C21.197 3.198 23.893 6.582 23.893 9C23.893 10.293 23.565 12.46 23.3 14H30.5C30.898 14 31.279 14.158 31.561 14.439C31.811 14.689 34 17.036 34 22.5ZM10 30.988V16C10 14.895 9.105 14 8 14H4C2.895 14 2 14.895 2 16V31C2 32.105 2.895 33 4 33H8C9.105 33 10 32.105 10 31V30.988Z" fill="currentColor"/></svg><span class="visually-hidden">vote up</span></button><button id="downvote" class="btn btn-default btn-lg position-relative lh-1 m-0 p-2" data-bs-toggle="modal" data-bs-target="#recordrating1653"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.561 21.561C31.28 21.842 30.898 22 30.5 22H23.3C23.565 23.54 23.893 25.707 23.893 27C23.893 29.417 21.197 32.802 20.656 33.456C20.371 33.801 19.947 34 19.5 34H16.5C15.671 34 15 33.329 15 32.5V27C15 25.956 14.083 23.604 13.34 22.044L12 21.206V3.765C13.556 2.9 15.621 2 17.5 2H29C32.668 2 34 8.877 34 13.5C34 18.963 31.811 21.311 31.561 21.561ZM10 5C10 3.895 9.105 3 8 3H4C2.895 3 2 3.895 2 5V20C2 21.105 2.895 22 4 22H8C9.105 22 10 21.105 10 20V5Z" fill="currentColor"/></svg><span class="visually-hidden">vote down</span></button><div class="modal fade" id="recordrating1653" tabindex="-1" aria-label="Was this article helpful?" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-body"><span class="d-block h4 text-center m-0">Why not?</span><ul class="nav flex-column"><li class="nav-item"><button id="downvote-1" class="nav-link" data-linkid="guides.rating.1.1" data-url="https://www.ionos.com/digitalguide/api/rating.json?tx_recordrating_recordrating%5Baction%5D=update&tx_recordrating_recordrating%5Bcontroller%5D=RecordRating&tx_recordrating_recordrating%5Brating%5D=1&tx_recordrating_recordrating%5Breason%5D=1&tx_recordrating_recordrating%5BrecordUid%5D=1653&tx_recordrating_recordrating%5BsysLanguageUid%5D=3&tx_recordrating_recordrating%5Btable%5D=pages" onclick="getThisDataUrl.call(this, event, 'ratingContainer1653')" data-bs-dismiss="modal" aria-label="Close"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.561 21.561C31.28 21.842 30.898 22 30.5 22H23.3C23.565 23.54 23.893 25.707 23.893 27C23.893 29.417 21.197 32.802 20.656 33.456C20.371 33.801 19.947 34 19.5 34H16.5C15.671 34 15 33.329 15 32.5V27C15 25.956 14.083 23.604 13.34 22.044L12 21.206V3.765C13.556 2.9 15.621 2 17.5 2H29C32.668 2 34 8.877 34 13.5C34 18.963 31.811 21.311 31.561 21.561ZM10 5C10 3.895 9.105 3 8 3H4C2.895 3 2 3.895 2 5V20C2 21.105 2.895 22 4 22H8C9.105 22 10 21.105 10 20V5Z" fill="currentColor"/></svg> Outdated </button></li><li class="nav-item"><button id="downvote-2" class="nav-link" data-linkid="guides.rating.1.2" data-url="https://www.ionos.com/digitalguide/api/rating.json?tx_recordrating_recordrating%5Baction%5D=update&tx_recordrating_recordrating%5Bcontroller%5D=RecordRating&tx_recordrating_recordrating%5Brating%5D=1&tx_recordrating_recordrating%5Breason%5D=2&tx_recordrating_recordrating%5BrecordUid%5D=1653&tx_recordrating_recordrating%5BsysLanguageUid%5D=3&tx_recordrating_recordrating%5Btable%5D=pages" onclick="getThisDataUrl.call(this, event, 'ratingContainer1653')" data-bs-dismiss="modal" aria-label="Close"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.561 21.561C31.28 21.842 30.898 22 30.5 22H23.3C23.565 23.54 23.893 25.707 23.893 27C23.893 29.417 21.197 32.802 20.656 33.456C20.371 33.801 19.947 34 19.5 34H16.5C15.671 34 15 33.329 15 32.5V27C15 25.956 14.083 23.604 13.34 22.044L12 21.206V3.765C13.556 2.9 15.621 2 17.5 2H29C32.668 2 34 8.877 34 13.5C34 18.963 31.811 21.311 31.561 21.561ZM10 5C10 3.895 9.105 3 8 3H4C2.895 3 2 3.895 2 5V20C2 21.105 2.895 22 4 22H8C9.105 22 10 21.105 10 20V5Z" fill="currentColor"/></svg> Incorrect </button></li><li class="nav-item"><button id="downvote-3" class="nav-link" data-linkid="guides.rating.1.3" data-url="https://www.ionos.com/digitalguide/api/rating.json?tx_recordrating_recordrating%5Baction%5D=update&tx_recordrating_recordrating%5Bcontroller%5D=RecordRating&tx_recordrating_recordrating%5Brating%5D=1&tx_recordrating_recordrating%5Breason%5D=3&tx_recordrating_recordrating%5BrecordUid%5D=1653&tx_recordrating_recordrating%5BsysLanguageUid%5D=3&tx_recordrating_recordrating%5Btable%5D=pages" onclick="getThisDataUrl.call(this, event, 'ratingContainer1653')" data-bs-dismiss="modal" aria-label="Close"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.561 21.561C31.28 21.842 30.898 22 30.5 22H23.3C23.565 23.54 23.893 25.707 23.893 27C23.893 29.417 21.197 32.802 20.656 33.456C20.371 33.801 19.947 34 19.5 34H16.5C15.671 34 15 33.329 15 32.5V27C15 25.956 14.083 23.604 13.34 22.044L12 21.206V3.765C13.556 2.9 15.621 2 17.5 2H29C32.668 2 34 8.877 34 13.5C34 18.963 31.811 21.311 31.561 21.561ZM10 5C10 3.895 9.105 3 8 3H4C2.895 3 2 3.895 2 5V20C2 21.105 2.895 22 4 22H8C9.105 22 10 21.105 10 20V5Z" fill="currentColor"/></svg> Difficult to understand </button></li></ul></div></div></div></div></div> </div> <aside class="tags d-flex flex-wrap d-lg-none gap-2 align-items-center my-4 py-2 border-top border-bottom"> <span class="d-block">Related tags</span> <ul class="nav d-flex flex-wrap gap-2 z-1"><li><a data-linkid="guides.article.module.tags.content-marketing" class="btn btn-sm btn-default z-1 link-internal" href="https://www.ionos.com/digitalguide/tags/content-marketing/" target="_top">Content Marketing</a></li></ul> </aside> </section> <section id="articleinfo" class="col-12 col-xl contain-style order-1 position-relative d-flex flex-column gap-4"> <div class="sticky-xl-top"><div class="accordion"><div class="accordion-item bg-xl-transparent rounded-xl-0"><h3 class="accordion-header" id="navigationTocCollapseHeading"><button class="accordion-button collapsed d-xl-block pe-xl-none px-xl-0 bg-xl-transparent border-radius-0" type="button" data-bs-toggle="collapse" data-bs-target="#navigationTocCollapse" aria-expanded="false" aria-controls="navigationTocCollapse"><svg class="d-inline-block me-1" width="20" height="20"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-list-ul" /></svg> Contents </button></h3><div id="navigationTocCollapse" class="accordion-collapse collapse d-xl-block" aria-labelledby="navigationTocCollapseHeading"><div class="accordion-body px-xl-0"><nav id="navigationToc" class="max-vh-75 overflow-y-auto"><ul class="nav"><li class="nav-item w-100"><a class="nav-link toc-item-link" href="#c98729" id="toc-link-98729">What is a headless CMS?</a></li><li class="nav-item w-100"><a class="nav-link toc-item-link" href="#c98736" id="toc-link-98736">Which headless CMS are on the market?</a></li><li class="nav-item w-100"><a class="nav-link toc-item-link" href="#c98737" id="toc-link-98737">Decoupled CMS</a></li><li class="nav-item w-100"><a class="nav-link toc-item-link" href="#c98739" id="toc-link-98739">Should you switch to headless CMS?</a></li></ul></nav></div></div></div></div></div> </section> <aside class="sidebar col-12 col-xl contain-style order-3 position-relative mw-sm-50 mx-auto"> <div id="c427700" class="mx-auto sticky-xl-top guides_box_sidebar" data-ctype="guides_box_sidebar"><div class="mx-auto w-auto position-relative d-flex flex-column rounded-4 brand-box-bg p-3 sidebar-sticky-box shadow"><h3 class="h4">Related Products</h3><div class="row d-flex flex-wrap align-items-center mb-2 sidebar-sticky-box-inhalt"><div class="col-4"><img src="https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Product_Icons/deploy-now.svg" width="168" height="128" title="" alt="deploy-now.svg" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape " ></div><div class="col"><div class="sidebar-sticky-box-text"> Deploy Now </div></div></div><button class="btn btn-cta btn-block stretched-link" type="button" onclick="globalSBSitecat('event114');window.open('https://www.ionos.com/hosting/deploy-now','_top')" role="button" data-linkid="guides.products.guides-box-sidebar.btn.deploy-now.see-plans"> See plans </button></div></div> <div id="c624182" class="mx-auto guides_ias_replacement" data-ctype="guides_ias_replacement"><a href="https://www.ionos.com/" target="_top" data-linkid="guides.missing.cta-image.20240729-us-seo-dg-fallback-600x500-png" class="mx-auto d-flex flex-column my-4 link-internal"><div class="mx-auto my-0 position-relative d-none d-md-flex rounded-4 overflow-hidden"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_632e26bac7.webp" width="600" height="500" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_cb31d30b9f.webp 600w,https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_de04677f2c.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_ab384bc684.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_0e82a1e153.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_0e82a1e153.webp 304w" sizes="(min-width: 1200px) 600px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="" alt="20240729_US-SEO-DG-Fallback_600x500.png" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape m-0 p-0" ></div><div class="mx-auto my-0 p-0 position-relative d-flex d-md-none rounded-4 overflow-hidden"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_632e26bac7.webp" width="600" height="500" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_cb31d30b9f.webp 600w,https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_de04677f2c.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_ab384bc684.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_0e82a1e153.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/7/4/csm_20240729_US-SEO-DG-Fallback_600x500_0e82a1e153.webp 304w" sizes="(min-width: 1200px) 600px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="" alt="20240729_US-SEO-DG-Fallback_600x500.png" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape m-0 p-0" ></div></a></div> <div id="c566405" class="menu_pages" data-ctype="menu_pages"> <div class="row g-grid mx-auto"><div class="h3"> Popular Articles </div><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.sidebar.menu-pages.personal-email-domain-what-is-it-and-how-to-create-an-email-address" class="stretched-link text-decoration-none brand-box-color link-internal" title="Personal email domain: What is it and how to create an email address" href="https://www.ionos.com/digitalguide/e-mail/technical-matters/reasons-to-get-your-own-email-domain/" target="_top"> Personal email domain: What is it and how to create an email address </a></div><p>Create your personal email address with your own email domain to demonstrate…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></article><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.sidebar.menu-pages.how-do-you-buy-a-domain-name-a-guide" class="stretched-link text-decoration-none brand-box-color link-internal" title="How do you buy a domain name? A guide" href="https://www.ionos.com/digitalguide/domains/domain-tips/how-do-you-buy-a-domain-name/" target="_top"> How do you buy a domain name? A guide </a></div><p>How do you register and secure a domain name? And how do you buy a domain that’s already…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></article><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.sidebar.menu-pages.what-are-the-different-types-of-domains" class="stretched-link text-decoration-none brand-box-color link-internal" title="What are the different types of domains?" href="https://www.ionos.com/digitalguide/domains/domain-extensions/types-of-domain/" target="_top"> What are the different types of domains? </a></div><p>What are the different types of domain endings? And what’s the difference between…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></article><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.sidebar.menu-pages.what-is-prompt-engineering-and-how-does-it-work" class="stretched-link text-decoration-none brand-box-color link-internal" title="What is prompt engineering and how does it work?" href="https://www.ionos.com/digitalguide/websites/website-creation/prompt-engineering/" target="_top"> What is prompt engineering and how does it work? </a></div><p>What is prompt engineering and how can it be used to improve the results of ChatGPT and…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></article><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.sidebar.menu-pages.different-website-types-compared" class="stretched-link text-decoration-none brand-box-color link-internal" title="Different Website Types compared" href="https://www.ionos.com/digitalguide/websites/website-creation/website-types/" target="_top"> Different Website Types compared </a></div><p>Choosing the right type of website is critical to the success of any online endeavor.…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></article></div> </div> </aside> </div> <aside class="row my-2 my-lg-5 g-grid"> <h3 class="col-12"> Related articles </h3> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-1974"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_77fac71fa0.webp" width="1200" height="630" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_8be922fcd7.webp 456w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_b17f799b97.webp 430w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_8e6c410257.webp 370w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_84e279e47e.webp 310w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_7bc1d802e0.webp 348w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_903d018ab4.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_04175cf20e.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_e3e425f123.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_2e52ac2680.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="ProcessWire - The WordPress alternative for developers" alt="ProcessWire - The WordPress alternative for developers" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" ><span class="media-credits d-flex position-absolute top-0 end-0 start-unset bottom-unset w-auto h-auto fs-sm"><span class="media-artist">Gustavo Frazao</span><span class="media-source">Shutterstock</span></span><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.overview.article.teaser.processwire" class="stretched-link brand-card-color text-decoration-none link-internal" title="ProcessWire - The WordPress alternative for developers" href="https://www.ionos.com/digitalguide/hosting/cms/processwire/" target="_top"> ProcessWire - The WordPress alternative for developers </a></h3><p class="card-text brand-card-color mt-auto mb-0">Do you want to create web pages and have as much freedom as you need? WordPress may be the undisputed market leader, but it also contains unsafe plugins that make attacks easier for hackers or greatly increase loading times. If you are looking for a highly flexible solution that…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"><li><span class="btn btn-sm btn-default">PHP</span></li></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></div></article> </div> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-2565"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_c748ffc553.webp" width="1200" height="630" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_56c6e4352b.webp 456w,https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_ad4d212e90.webp 430w,https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_57bdf34919.webp 370w,https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_d6e0a60a19.webp 310w,https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_0f5382c441.webp 348w,https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_1722095928.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_6a42577b1e.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_878da3f7d0.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/c/1/csm_pair-programming-t_04bd067b3b.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="GET vs. POST – the two most important HTTP requests compared" alt="GET vs. POST – the two most important HTTP requests compared" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" ><span class="media-credits d-flex position-absolute top-0 end-0 start-unset bottom-unset w-auto h-auto fs-sm"><span class="media-artist">REDPIXEL.PL</span><span class="media-source">Shutterstock</span></span><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.overview.article.teaser.get-vs-post" class="stretched-link brand-card-color text-decoration-none link-internal" title="GET vs. POST – the two most important HTTP requests compared" href="https://www.ionos.com/digitalguide/websites/web-development/get-vs-post/" target="_top"> GET vs. POST – the two most important HTTP requests compared </a></h3><p class="card-text brand-card-color mt-auto mb-0">The two most common and well-known website HTTP requests are GET and POST. But which request method is better? Learn more about these two HTTP requests and find out which method is the right one for your programming needs.</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></div></article> </div> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-3430"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_9425ec495e.webp" width="1200" height="630" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_09887af7d3.webp 456w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_946780f9c4.webp 430w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_30650c7b2d.webp 370w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_39d0b34a78.webp 310w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_ff99467ef9.webp 348w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_fe093e9cb8.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_e5e7778ca3.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_f5d26bdb64.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/9/csm_eigene-website-baukasten-t_d573e0b5f5.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="10 best static site generators" alt="10 best static site generators" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" ><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.overview.article.teaser.the-best-static-site-generators" class="stretched-link brand-card-color text-decoration-none link-internal" title="10 best static site generators" href="https://www.ionos.com/digitalguide/websites/website-creation/the-best-static-site-generators/" target="_top"> 10 best static site generators </a></h3><p class="card-text brand-card-color mt-auto mb-0">If you want to create a static website, modern static site generators (SSG) are the first choice to create performant websites without much effort. Highly optimized frontends can be generated from by using technologies like Vue, React and GraphQL. Read on to explore the best…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></div></article> </div> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-3535"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_77fac71fa0.webp" width="1200" height="630" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_8be922fcd7.webp 456w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_b17f799b97.webp 430w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_8e6c410257.webp 370w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_84e279e47e.webp 310w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_7bc1d802e0.webp 348w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_903d018ab4.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_04175cf20e.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_e3e425f123.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/2/1/csm_cms-t_2e52ac2680.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Headless CMS vs. traditional CMS" alt="Headless CMS vs. traditional CMS" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" ><span class="media-credits d-flex position-absolute top-0 end-0 start-unset bottom-unset w-auto h-auto fs-sm"><span class="media-artist">Gustavo Frazao</span><span class="media-source">Shutterstock</span></span><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.overview.article.teaser.headless-cms-vs-traditional-cms" class="stretched-link brand-card-color text-decoration-none link-internal" title="Headless CMS vs. traditional CMS" href="https://www.ionos.com/digitalguide/hosting/cms/headless-cms-vs-traditional-cms/" target="_top"> Headless CMS vs. traditional CMS </a></h3><p class="card-text brand-card-color mt-auto mb-0">Content management systems have dominated the Internet for several years. The ability to publish new content quickly and easily has become an indispensable part of today’s web. But classic CMSs have difficulty coping with developments such as mobile apps, wearables, and the IoT.…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"><li><span class="btn btn-sm btn-default">Encyclopedia</span></li></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></div></article> </div> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-1715"><img src="https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_7f929c912e.webp" width="1200" height="630" srcset="https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_563a937cf6.webp 456w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_e7d029fddc.webp 430w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_557829228b.webp 370w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_5b860294c1.webp 310w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_a287c864e7.webp 348w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_0b8259a877.webp 524w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_aa9b4e2f17.webp 396w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_1bd46d5485.webp 304w,https://www.ionos.com/digitalguide/fileadmin/_processed_/4/e/csm_jekyll-der-praktische-generator-fuer-statische-website-t_ccd65c1b2a.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Jekyll tutorial – all you need to know" alt="Jekyll tutorial – all you need to know" loading="lazy" decoding="async" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" ><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.overview.article.teaser.jekyll-the-basic-framework-for-web-projects-without-databases" class="stretched-link brand-card-color text-decoration-none link-internal" title="Jekyll tutorial – all you need to know" href="https://www.ionos.com/digitalguide/hosting/blogs/jekyll-the-basic-framework-for-web-projects-without-databases/" target="_top"> Jekyll tutorial – all you need to know </a></h3><p class="card-text brand-card-color mt-auto mb-0"> If you want to create a blog or a website, you have numerous options such as website builders or content management systems. However, these complete plans often prove to be far too extensive for many projects. The website generator, Jekyll, which is closely linked to the…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"><li><span class="btn btn-sm btn-default">Content Marketing</span></li></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Read more</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-arrow-right"></use></svg></div></div></article> </div> </aside> </div> </article> <footer class="d-flex flex-wrap justify-content-center align-items-center brand-footer-bg brand-footer-color mt-2 mt-lg-5 py-6 py-lg-12 contain-style" data-bs-theme="dark"><div class="container-fluid container-sm"><div class="row pb-4 pb-lg-8"><div class="col-12 col-md-4 col-lg-3 d-flex flex-column order-last order-md-first pt-4 pt-md-0"><a href="https://www.ionos.com" title="IONOS Inc." class="m-0 d-block link-internal" data-linkid="guides.footer.logo" target="_top"><svg class="d-inline-block m-0 brand-logo brand-footer-color"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#ionos-logo" /></svg></a><span class="brand-footer-muted-color pt-2">Your digital partner</span></div><div class="col-12 col-md-8 col-lg-9"><ul class="nav justify-content-start justify-content-md-end flex-column flex-md-row ms-n2 ms-md-0"><li class="nav-item"><a href="https://www.ionos.com/about" target="_top" data-linkid="guides.footer.navigation.about-ionos" title="About IONOS" class="nav-link link-internal"> About IONOS </a></li><li class="nav-item"><a href="https://ionos.applicantpool.com/jobs/" target="_blank" data-linkid="guides.footer.navigation.careers" rel="noreferrer noopener noreferrer" title="Careers" class="nav-link link-external"> Careers </a></li><li class="nav-item"><a href="https://www.ionos.com/newsroom/" target="_top" data-linkid="guides.footer.navigation.newsroom" title="Newsroom" class="nav-link link-internal"> Newsroom </a></li><li class="nav-item"><a href="https://www.ionos.com/startupguide/" target="_top" data-linkid="guides.footer.navigation.startup-guide" title="Startup Guide" class="nav-link link-internal"> Startup Guide </a></li><li class="nav-item"><a href="https://www.ionos.com/help/" target="_top" data-linkid="guides.footer.navigation.help-center" title="Help Center" class="nav-link link-internal"> Help Center </a></li><li class="nav-item"><a href="https://www.ionos.com/terms-gtc/general-terms-and-conditions/" target="_top" data-linkid="guides.footer.navigation.terms-and-conditions" title="Terms and Conditions" class="nav-link link-internal"> Terms and Conditions </a></li><li class="nav-item"><a href="https://www.ionos.com/terms-gtc/terms-privacy/" target="_top" data-linkid="guides.footer.navigation.privacy-policy" title="Privacy Policy" class="nav-link link-internal"> Privacy Policy </a></li></ul></div></div><div class="row pt-4 pt-lg-8 border-top brand-footer-border-color align-items-center"><div class="copyright brand-footer-muted-color col-12 col-md-4 order-last order-md-first">© 2025 <a href="https://www.ionos.com" title="IONOS Inc." data-linkid="guides.footer.logo" target="_top" class="link-internal">IONOS Inc.</a></div><div class="col-12 col-md-8"><ul class="nav justify-content-start justify-content-md-end flex-nowrap ms-n2 ms-md-0"><li class="nav-item"><a data-linkid="guides.footer.module.channels-and-rss.rss" class="nav-link link-internal" title="RSS" target="_top" href="https://www.ionos.com/digitalguide/hosting/cms/feed.rss"><svg class="d-inline-block" width="20" height="20"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-rss" /></svg></a></li><li class="nav-item"><a href="https://ionos.ly/IONOS_IN" title="LinkedIn" class="nav-link link-external" target="_blank" data-linkid="guides.footer.module.channels-and-rss.linkedin" rel="noopener noreferrer"><svg class="d-inline-block" width="24" height="24"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#linkedin-logo" /></svg></a></li><li class="nav-item"><a href="https://ionos.ly/IONOS_FB_US" title="facebook" class="nav-link link-external" target="_blank" data-linkid="guides.footer.module.channels-and-rss.facebook" rel="noopener noreferrer"><svg class="d-inline-block" width="24" height="24"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#facebook-logo" /></svg></a></li><li class="nav-item"><a href="https://ionos.ly/IONOS_YT_US" title="YouTube" class="nav-link link-external" target="_blank" data-linkid="guides.footer.module.channels-and-rss.youtube" rel="noopener noreferrer"><svg class="d-inline-block" width="24" height="24"><use xlink:href="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#youtube-logo" /></svg></a></li></ul></div></div></div></footer><div id="cookieinfo-container" class="show"><div class="cookieinfo container p-relative"><div class="row align-items-center"><div class="col"><div class="cookieinfo-text"> We use cookies on our website to provide you with the best possible user experience. By continuing to use our website or services, you agree to their use. <a href="https://www.ionos.com/cookies" target="_top" class="link-internal"> More Information. </a></div></div><div class="col-auto"><button id="cookieinfo-close" class="chars px-20 py-12 c-pointer">OK</button></div></div></div></div><span id="top" class="d-block visually-hidden position-absolute top-0 end-0 start-0">Page top</span> <script async="async" src="https://www.ionos.com/digitalguide/_assets/7e35ab74f2a05357de057794d49a7804/JavaScript/LoadAndReplaceContent.1742981911.js"></script> <script async="async" src="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Vendor/bootstrap/dist/js/bootstrap.bundle.min.1742981910.js"></script> <script async="async" src="https://www.ionos.com/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/JavaScript/scrollProgressRelated.min.1742981910.js"></script> <script type="module"> function cleanupSearchString(string) { if (string) { return string.replaceAll(/[^_.\w\s\-\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]+/gu, ''); } return string; } function filterResults(searchTerm) { const results = document.querySelectorAll('#article-result-list .article-result'); if (!searchTerm || searchTerm.trim() === '') { results.forEach(result => { result.style.display = 'none'; }); return; } const searchWords = searchTerm.trim().toLowerCase().split(/\s+/).filter(word => word.length > 0); results.forEach(result => { const text = result.textContent.toLowerCase(); const foundAllWords = searchWords.every(word => text.includes(word)); result.style.display = foundAllWords ? 'block' : 'none'; }); // Update all search term inputs with the current search term document.querySelectorAll('.search-form input').forEach(input => { input.value = searchTerm; }); } function handleFormSubmit(event) { event.preventDefault(); const searchTerm = cleanupSearchString(event.target.querySelector('.search-form input').value); localStorage.setItem('searchTerm', searchTerm.trim()); filterResults(searchTerm); if (event.target.action !== window.location.href) { window.location.href = event.target.action; } } function setupSearchForms() { const searchForms = document.querySelectorAll('.search-form'); searchForms.forEach(form => { form.addEventListener('submit', handleFormSubmit); form.querySelectorAll('.search-form input').forEach(input => { const searchTerm = localStorage.getItem('searchTerm'); input.value = searchTerm ? searchTerm : ''; input.addEventListener('input', function() { filterResults(this.value.toLowerCase()); }); }); const searchTerm = localStorage.getItem('searchTerm'); if (searchTerm) { filterResults(searchTerm.toLowerCase()); } }); } window.cleanupSearchString = cleanupSearchString; window.filterResults = filterResults; window.handleFormSubmit = handleFormSubmit; window.setupSearchForms = setupSearchForms; setupSearchForms(); localStorage.setItem('searchTerm', ''); </script> <script type="module"> var exitIntentLocalStorageKey = 'guidesExitIntentShown'; var exitIntentIdentifier = 'exitIntent'; var privacyConsentSelector = '.privacy-consent--modal'; var isUserActive = false; var hasFiredExitIntent = false; // Detect user activity inside the viewport document.addEventListener('mousemove', function(event) { isUserActive = true; }); // Check for exit intent only after the first 5 seconds of page visit setTimeout(function() { // Monitor user interaction to trigger exit intent document.addEventListener('mouseleave', handleExitIntent); window.addEventListener('blur', handleExitIntent); }, 5000); // 5 seconds delay function handleExitIntent() { if (isUserActive && !hasFiredExitIntent && !isPrivacyConsentOpen() && !isOffcanvasOpen() && shouldDisplayExitIntent()) { showModal(); hasFiredExitIntent = true; } } function isOffcanvasOpen() { return document.querySelector('.offcanvas.show') !== null; } function isPrivacyConsentOpen() { return document.querySelector(privacyConsentSelector) !== null; } function shouldDisplayExitIntent() { var exitIntentShownTimestamp = localStorage.getItem(exitIntentLocalStorageKey); if (!exitIntentShownTimestamp) { return true; // Show the exit intent if it has not been shown before } else { var currentTime = new Date().getTime(); var thirtyDaysInMillis = 30 * 24 * 60 * 60 * 1000; return currentTime - parseInt(exitIntentShownTimestamp, 10) >= thirtyDaysInMillis; } } function updateExitIntentLocalStorage() { localStorage.setItem(exitIntentLocalStorageKey, new Date().getTime().toString()); } function showModal() { // Show the modal var myModal = new bootstrap.Modal(document.getElementById(exitIntentIdentifier)); myModal.show(); // Update the exit intent shown timestamp in Local Storage updateExitIntentLocalStorage(); } window.handleExitIntent = handleExitIntent; window.isOffcanvasOpen = isOffcanvasOpen; window.isPrivacyConsentOpen = isPrivacyConsentOpen; window.shouldDisplayExitIntent = shouldDisplayExitIntent; window.updateExitIntentLocalStorage = updateExitIntentLocalStorage; window.showModal = showModal; </script> <script> const contentElements = document.querySelectorAll('.content h2[id], .content h2[id] ~ *:not(h2[id])'); const sections = []; let currentSection = null; // Construct sections array contentElements.forEach((element) => { if (element.tagName === 'H2') { if (currentSection) { sections.push(currentSection); } currentSection = { id: element.id, title: element.textContent, content: [] }; } else if (currentSection) { currentSection.content.push(element); } }); if (currentSection) { sections.push(currentSection); } // Set the initial active index to 0 let activeIndex = 0; // Get the navigation links const tocLinks = document.querySelectorAll('#navigationToc a'); // Function to update the active link function updateActiveLink() { // Remove active class from all links tocLinks.forEach(link => { link.classList.remove('active'); }); // Add active class to the link corresponding to activeIndex const activeLink = document.querySelector(`#navigationToc a[href="#${sections[activeIndex].id}"]`); if (activeLink) { activeLink.classList.add('active'); } } // Call to set the initial active link updateActiveLink(); // Create an Intersection Observer const observer = new IntersectionObserver((entries) => { let maxArea = 0; // The maximum area of elements intersecting in the viewport let newActiveIndex = -1; entries.forEach(entry => { if (entry.isIntersecting) { const rect = entry.boundingClientRect; const area = rect.height * rect.width; // Calculate the area in the viewport // Determine the section with the largest area if (area > maxArea) { maxArea = area; newActiveIndex = sections.findIndex(section => section.id === entry.target.id); } } }); // If we found a new active index, update it if (newActiveIndex !== -1) { activeIndex = newActiveIndex; // Set the new active index updateActiveLink(); // Update the active link } }, { root: null, // Use the viewport as the container threshold: 0.25 // Trigger callback when 10% of the section is in view }); // Observe each section by creating an h2 element for each section in the navigation sections.forEach(section => { const sectionElement = document.getElementById(section.id); if (sectionElement) { observer.observe(sectionElement); } }); </script> <script> var cookieinfoContainer = document.querySelector('#cookieinfo-container'); var cookieinfoContainerButton = document.querySelector('#cookieinfo-close'); function getCookieByName(name) { function escape(s) { return s.replace(/([.*+?\^$(){}|\[\]\/\\])/g, '\\$1'); } var match = document.cookie.match(RegExp('(?:^|;\\s*)' + escape(name) + '=([^;]*)')); return match ? match[1] : null; } function setCookieByName(cookieName, cookieValue, cookieDurationInDays, cookieDomain, cookieDomainPath) { var now = new Date(); now.setTime(now.getTime() + +cookieDurationInDays * 24 * 60 * 60 * 1000); var expires = now.toUTCString(); var cookie = cookieName + '=' + cookieValue + ';expires=' + expires + ';domain=' + cookieDomain + ';path=' + cookieDomainPath + ';SameSite=lax'; document.cookie = cookie; } function checkCookieInfoContainer() { var cookieinfoContainerAccepted = getCookieByName('banner-cookieinfo'); if (cookieinfoContainerAccepted) { cookieinfoContainer.classList.remove('show'); } } function getCookieDomainAndPath() { var currentHostArray = window.location.host.split('.'); var domain = currentHostArray[currentHostArray.length - 2]; var tld = currentHostArray[currentHostArray.length - 1]; if (window.location.host.indexOf('.co.uk') !== -1) { domain = currentHostArray[currentHostArray.length - 3]; tld = currentHostArray[currentHostArray.length - 2] + '.' + currentHostArray[currentHostArray.length - 1]; } var cookieDomainPath = '/'; if (tld === 'com') { var href = window.location.href; if (href.indexOf('/pt-br/') !== -1) { cookieDomainPath = '/pt-br/'; } } var cookieDomain = '.' + domain + '.' + tld; return [cookieDomain, cookieDomainPath]; } var dismissAndSetCookie = function () { var cookieDomain = getCookieDomainAndPath()[0]; var cookieDomainPath = getCookieDomainAndPath()[1]; setCookieByName('banner-cookieinfo', '1', 30, cookieDomain, cookieDomainPath); checkCookieInfoContainer(); }; checkCookieInfoContainer(); cookieinfoContainerButton.addEventListener("click", dismissAndSetCookie); </script> <script>window.addEventListener('load', (event) => { window.addEventListener('resize', function() { if (window.innerWidth < 992) { const modals = Array.from(document.querySelectorAll('.modal.lightbox')); const modalInstances = modals.map(modal => bootstrap.Modal.getInstance(modal)); modalInstances.filter(Boolean).forEach(modalInstance => modalInstance.hide()); } }); let tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]'); let tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl)); }); </script> <script> var globalSBSitecat = function (eventName){ if (typeof window.s === "object" && typeof window.s.t === 'function') { if (eventName) { if (s.events2) { if (s.events2.indexOf(eventName) === -1) { s.events2 + ',' + eventName; } } else { s.events2 = eventName; } s.t(s); console.info('globalSBSitecat: ' + eventName + ' sent'); } else { console.info('globalSBSitecat: eventName is missing'); } } }; var globalSBSitecatNPV = function (eventName){ if (typeof window.s === "object" && typeof window.s.t === 'function') { if (eventName) { if (s.events2) { if (s.events2.indexOf(eventName) === -1) { s.events2 + ',' + eventName; } } else { s.events2 = eventName; } s.tl(s); console.info('globalSBSitecatNPV: ' + eventName + ' sent'); } else { console.info('globalSBSitecat: eventName is missing'); } } }; var websiteSBSitecat = function () {globalSBSitecat('event114')}; </script> <script> var boxLinks = document.querySelectorAll('.content [class*="-box"] a, #content [class*="-box"] a, .content [class*="box-"] a, #content [class*="box-"] a') || {}; for (var i = 0, len = boxLinks.length; i < len; i++) { boxLinks[i].addEventListener('click', globalSBSitecatNPV('event115'), boxLinks[i].href, false); } var nonBoxLinks = document.querySelectorAll('*:not([class*="-box"]):not([class*="box-"]) a') || {}; for (var i = 0, len = boxLinks.length; i < len; i++) { nonBoxLinks[i].addEventListener('click', globalSBSitecatNPV('event116'), nonBoxLinks[i].href, false); } </script> <script type="module">document.addEventListener("DOMContentLoaded", function() { const tableResponsiveElements = document.querySelectorAll('.table-responsive'); function addListenerMulti(el, s, fn) { s.split(',').forEach(e => el.addEventListener(e, fn, false)); } function setupScrollButtons(table, scrollLeftButton, scrollRightButton) { const averageTdWidth = () => Array.from(table.querySelectorAll('td')).reduce((acc, td) => acc + td.offsetWidth, 0) / table.querySelectorAll('td').length; scrollLeftButton.addEventListener('click', function() { table.scrollLeft -= averageTdWidth(); // Scroll the average td width }); scrollRightButton.addEventListener('click', function() { table.scrollLeft += averageTdWidth(); // Scroll the average td width }); if (table.scrollLeft === 0) { scrollLeftButton.setAttribute('disabled', 'disabled'); } else { scrollLeftButton.removeAttribute('disabled'); } if (table.scrollLeft + table.clientWidth >= table.scrollWidth) { scrollRightButton.setAttribute('disabled', 'disabled'); } else { scrollRightButton.removeAttribute('disabled'); } addListenerMulti(table, "scroll", function() { if (table.scrollLeft === 0) { scrollLeftButton.setAttribute('disabled', 'disabled'); } else { scrollLeftButton.removeAttribute('disabled'); } if (table.scrollLeft + table.clientWidth >= table.scrollWidth) { scrollRightButton.setAttribute('disabled', 'disabled'); } else { scrollRightButton.removeAttribute('disabled'); } }) } tableResponsiveElements.forEach(function(tableResponsive) { if (tableResponsive.scrollWidth > tableResponsive.clientWidth) { const container = document.createElement('div'); container.classList.add('table-responsive-scroll-container'); const scrollButtonClass = 'table-responsive-scroll-button'; const scrollLeftButton = document.createElement('button'); scrollLeftButton.setAttribute('aria-label', 'Scroll Left'); scrollLeftButton.classList.add(scrollButtonClass, 'scroll-left'); const scrollRightButton = document.createElement('button'); scrollRightButton.setAttribute('aria-label', 'Scroll Right'); scrollRightButton.classList.add(scrollButtonClass, 'scroll-right'); setupScrollButtons(tableResponsive, scrollLeftButton, scrollRightButton); container.appendChild(scrollLeftButton); container.appendChild(scrollRightButton); const clonedTable = tableResponsive.cloneNode(true); container.appendChild(clonedTable); tableResponsive.parentNode.replaceChild(container, tableResponsive); // Replace original with container const clonedTableResponsive = container.querySelector('.table-responsive'); setupScrollButtons(clonedTableResponsive, scrollLeftButton, scrollRightButton); } }); }); </script> <div class="hash d-none" hidden>hash_ae19631b4d1b04b3fc8bd775313a4cc5a3d8cabe</div></body> </html>