CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="BB Agency, info@bb.agency"> <link rel="apple-touch-icon" sizes="180x180" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/favicon-16x16.png">  <link rel="mask-icon" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/safari-pinned-tab.svg" color="#000000"> <meta name="msapplication-TileColor" content="#c6d9d8"> <meta name="theme-color" content="#000000"> <link rel="shortcut icon" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/favicon.ico">  <link rel="preload" as="font" href="https://bb.agency/wp-content/themes/bb-agency/assets/fonts/LotaGrotesque-Regular.woff2?v=2" type="font/woff2" crossorigin="anonymous"> <meta name="facebook-domain-verification" content="1mb77z6v5rkd7yykrvge795poyri2n" />  <script data-type="lazy" data-src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <style id="critical-inline-css"> .mega-menu-wrapper, .mobile-header, .mobile-navigation { display: none; } </style>  <title>BB Agency - Streamlining Blog Post Bulk Upload: From Google Docs Drafts to WordPress Website Posts with N8N and AI</title> <link rel="canonical" href="https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="BB Agency - Streamlining Blog Post Bulk Upload: From Google Docs Drafts to WordPress Website Posts with N8N and AI" /> <meta property="og:url" content="https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/" /> <meta property="og:site_name" content="BB Agency" /> <meta property="article:publisher" content="https://www.facebook.com/balkanbrothers.agency/" /> <meta property="article:published_time" content="2024-07-25T11:55:56+00:00" /> <meta property="article:modified_time" content="2024-07-25T13:38:08+00:00" /> <meta property="og:image" content="https://bb.agency/wp-content/uploads/2024/07/Streamlining-Blog-Post-Bulk-Upload-700x525-1.webp" /> <meta property="og:image:width" content="1400" /> <meta property="og:image:height" content="1050" /> <meta property="og:image:type" content="image/webp" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@bbagency_design" /> <meta name="twitter:site" content="@bbagency_design" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/","url":"https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/","name":"BB Agency - Streamlining Blog Post Bulk Upload: From Google Docs Drafts to WordPress Website Posts with N8N and AI","isPartOf":{"@id":"https://bb.agency/#website"},"primaryImageOfPage":{"@id":"https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/#primaryimage"},"image":{"@id":"https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/#primaryimage"},"thumbnailUrl":"https://bb.agency/wp-content/uploads/2024/07/Streamlining-Blog-Post-Bulk-Upload-700x525-1.webp","datePublished":"2024-07-25T11:55:56+00:00","dateModified":"2024-07-25T13:38:08+00:00","breadcrumb":{"@id":"https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/#primaryimage","url":"https://bb.agency/wp-content/uploads/2024/07/Streamlining-Blog-Post-Bulk-Upload-700x525-1.webp","contentUrl":"https://bb.agency/wp-content/uploads/2024/07/Streamlining-Blog-Post-Bulk-Upload-700x525-1.webp","width":1400,"height":1050},{"@type":"BreadcrumbList","@id":"https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https://bb.agency/blog/"},{"@type":"ListItem","position":2,"name":"Streamlining Blog Post Bulk Upload: From Google Docs Drafts to WordPress Website Posts with N8N and AI"}]},{"@type":"WebSite","@id":"https://bb.agency/#website","url":"https://bb.agency/","name":"BB Agency","description":"","publisher":{"@id":"https://bb.agency/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://bb.agency/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://bb.agency/#organization","name":"BB Agency","url":"https://bb.agency/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://bb.agency/#/schema/logo/image/","url":"https://bb.agency/wp-content/uploads/2024/01/Branding.svg","contentUrl":"https://bb.agency/wp-content/uploads/2024/01/Branding.svg","width":1,"height":1,"caption":"BB Agency"},"image":{"@id":"https://bb.agency/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/balkanbrothers.agency/","https://x.com/bbagency_design","https://dribbble.com/balkanbrothers","https://www.instagram.com/balkanbrothers.agency/","https://www.linkedin.com/company/balkan-brothers/"]}]}</script>  <link rel='stylesheet' id='theme-css' href='https://bb.agency/wp-content/themes/bb-agency/assets/css/main.min.css?ver=1734688487' type='text/css' media='all' /> <link rel='stylesheet' id='icons-css' href='https://bb.agency/wp-content/themes/bb-agency/assets/icons/iconfont.css?ver=1734684533' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://bb.agency/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #FFFFFF;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--neon-green: #00CFBE;--wp--preset--color--platinum-green: #E6EDED;--wp--preset--color--opal-green: #C6D9D8;--wp--preset--color--cadet-green: #A6C1BF;--wp--preset--color--corn-silk: #FFF4D2;--wp--preset--color--neon-mist: #E5F7F7;--wp--preset--color--purple-haze: #B3BEFA;--wp--preset--color--misty-rose: #FFE2E0;--wp--preset--color--gray-700: #333333;--wp--preset--color--gray-600: #484848;--wp--preset--color--gray-500: #555555;--wp--preset--color--gray-400: #737373;--wp--preset--color--gray-300: #808080;--wp--preset--color--gray-200: #E2E2E4;--wp--preset--color--gray-100: #F4F4F4;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: var(--font-size--small);--wp--preset--font-size--medium: var(--font-size--medium);--wp--preset--font-size--large: var(--font-size--large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--base: var(--font-size--base);--wp--preset--font-size--heading-5: var(--font-size--heading-5);--wp--preset--font-size--heading-4: var(--font-size--heading-4);--wp--preset--font-size--heading-3: var(--font-size--heading-3);--wp--preset--font-size--heading-2: var(--font-size--heading-2);--wp--preset--font-size--heading-1: var(--font-size--heading-1);--wp--preset--font-size--jumbo: var(--font-size--jumbo);--wp--preset--font-size--huge: var(--font-size--huge);--wp--preset--font-size--gigantic: var(--font-size--gigantic);--wp--preset--font-family--primary: Lota Grotesque;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--auto: auto;--wp--preset--spacing--x-tiny: var(--spacing--x-tiny);--wp--preset--spacing--tiny: var(--spacing--tiny);--wp--preset--spacing--2-x-small: var(--spacing--2x-small);--wp--preset--spacing--x-small: var(--spacing--x-small);--wp--preset--spacing--small: var(--spacing--small);--wp--preset--spacing--medium: var(--spacing--medium);--wp--preset--spacing--medium-large: var(--spacing--medium-large);--wp--preset--spacing--large: var(--spacing--large);--wp--preset--spacing--x-large: var(--spacing--x-large);--wp--preset--spacing--2-x-large: var(--spacing--2x-large);--wp--preset--spacing--3-x-large: var(--spacing--3x-large);--wp--preset--spacing--huge: var(--spacing--huge);--wp--preset--spacing--x-huge: var(--spacing--x-huge);--wp--preset--spacing--gigantic: var(--spacing--gigantic);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}.wp-block-button .wp-block-button__link{--wp--preset--color--black: #000000;--wp--preset--color--gray-300: #808080;--wp--preset--color--neon-green: #00CFBE;--wp--preset--color--white: #FFFFFF;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 0px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 0px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 0px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 0px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 0px;}:root :where(.is-layout-grid){gap: 0px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-neon-green-color{color: var(--wp--preset--color--neon-green) !important;}.has-platinum-green-color{color: var(--wp--preset--color--platinum-green) !important;}.has-opal-green-color{color: var(--wp--preset--color--opal-green) !important;}.has-cadet-green-color{color: var(--wp--preset--color--cadet-green) !important;}.has-corn-silk-color{color: var(--wp--preset--color--corn-silk) !important;}.has-neon-mist-color{color: var(--wp--preset--color--neon-mist) !important;}.has-purple-haze-color{color: var(--wp--preset--color--purple-haze) !important;}.has-misty-rose-color{color: var(--wp--preset--color--misty-rose) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-neon-green-background-color{background-color: var(--wp--preset--color--neon-green) !important;}.has-platinum-green-background-color{background-color: var(--wp--preset--color--platinum-green) !important;}.has-opal-green-background-color{background-color: var(--wp--preset--color--opal-green) !important;}.has-cadet-green-background-color{background-color: var(--wp--preset--color--cadet-green) !important;}.has-corn-silk-background-color{background-color: var(--wp--preset--color--corn-silk) !important;}.has-neon-mist-background-color{background-color: var(--wp--preset--color--neon-mist) !important;}.has-purple-haze-background-color{background-color: var(--wp--preset--color--purple-haze) !important;}.has-misty-rose-background-color{background-color: var(--wp--preset--color--misty-rose) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-neon-green-border-color{border-color: var(--wp--preset--color--neon-green) !important;}.has-platinum-green-border-color{border-color: var(--wp--preset--color--platinum-green) !important;}.has-opal-green-border-color{border-color: var(--wp--preset--color--opal-green) !important;}.has-cadet-green-border-color{border-color: var(--wp--preset--color--cadet-green) !important;}.has-corn-silk-border-color{border-color: var(--wp--preset--color--corn-silk) !important;}.has-neon-mist-border-color{border-color: var(--wp--preset--color--neon-mist) !important;}.has-purple-haze-border-color{border-color: var(--wp--preset--color--purple-haze) !important;}.has-misty-rose-border-color{border-color: var(--wp--preset--color--misty-rose) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-heading-5-font-size{font-size: var(--wp--preset--font-size--heading-5) !important;}.has-heading-4-font-size{font-size: var(--wp--preset--font-size--heading-4) !important;}.has-heading-3-font-size{font-size: var(--wp--preset--font-size--heading-3) !important;}.has-heading-2-font-size{font-size: var(--wp--preset--font-size--heading-2) !important;}.has-heading-1-font-size{font-size: var(--wp--preset--font-size--heading-1) !important;}.has-jumbo-font-size{font-size: var(--wp--preset--font-size--jumbo) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}.has-gigantic-font-size{font-size: var(--wp--preset--font-size--gigantic) !important;}.has-primary-font-family{font-family: var(--wp--preset--font-family--primary) !important;}.wp-block-button .wp-block-button__link.has-black-color{color: var(--wp--preset--color--black) !important;}.wp-block-button .wp-block-button__link.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.wp-block-button .wp-block-button__link.has-neon-green-color{color: var(--wp--preset--color--neon-green) !important;}.wp-block-button .wp-block-button__link.has-white-color{color: var(--wp--preset--color--white) !important;}.wp-block-button .wp-block-button__link.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.wp-block-button .wp-block-button__link.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.wp-block-button .wp-block-button__link.has-neon-green-background-color{background-color: var(--wp--preset--color--neon-green) !important;}.wp-block-button .wp-block-button__link.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.wp-block-button .wp-block-button__link.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.wp-block-button .wp-block-button__link.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.wp-block-button .wp-block-button__link.has-neon-green-border-color{border-color: var(--wp--preset--color--neon-green) !important;}.wp-block-button .wp-block-button__link.has-white-border-color{border-color: var(--wp--preset--color--white) !important;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cmplz-general-css' href='https://bb.agency/wp-content/plugins/complianz-gdpr-premium/assets/css/cookieblocker.min.css?ver=1734684539' type='text/css' media='all' /> <link rel="https://api.w.org/" href="https://bb.agency/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://bb.agency/wp-json/wp/v2/posts/5270" /> <style>.cmplz-hidden { display: none !important; }</style> <style type="text/css" id="wp-custom-css"> .fullwidth-video video { width:100%; } </style> </head> <body data-cmplz=1 class="post-template-default single single-post postid-5270 single-format-standard wp-embed-responsive bb-agency wp-front" > <script> // Don't start animations until the page has loaded document.body.classList.add('js-loading'); window.addEventListener('load', function() { document.body.classList.remove('js-loading'); }, false); </script> <header class="app-header"> <div class="container"> <div class="app-header__content"> <a href="https://bb.agency/" class="logo" aria-label="Website logo"> <svg version="1.1" x="0px" y="0px" viewBox="0 0 175 22"> <g transform="translate(-85.000000, -45.000000)"> <g transform="translate(31.000000, 32.000000)"> <g transform="translate(54.000000, 13.000000)"> <path d="M4.1,17.6l4.6,0c2.3,0,3.7-0.5,3.7-2.5c0-1.9-1.4-2.5-3.7-2.5H4.1V17.6z M4.1,9h4.2 C10.4,9,12,8.6,12,6.6c0-1.9-1.6-2.4-3.7-2.4H4.1V9z M16.3,6.3c0,2.1-1.3,3.8-3,4.4c1.9,0.6,3.4,2.4,3.4,4.6 c0,4-2.8,5.9-7.8,5.9H0V0.6h8.5C13.3,0.6,16.3,2.4,16.3,6.3L16.3,6.3z" /> <path d="M23.2,14.1c0,2.2,1.4,3.9,3.7,3.9c2.2,0,3.7-1.7,3.7-3.9c0-2.3-1.5-3.9-3.7-3.9 C24.7,10.1,23.2,11.9,23.2,14.1L23.2,14.1z M30.5,21.2v-1.6c-0.9,1.2-2.3,1.9-4.3,1.9c-4,0-6.9-3.2-6.9-7.5 c0-4.3,3-7.5,6.9-7.5c2,0,3.3,0.8,4.3,2V6.9h3.8v14.3H30.5z" /> <polygon points="38.3,21.2 42.2,21.2 42.2,0 38.3,0 " /> <polygon points="51.5,12 55.5,6.9 60.2,6.9 54.6,13.7 60.3,21.2 55.5,21.2 51.4,15.5 50.1,15.5 50.1,21.2 46.2,21.2 46.2,0 50.1,0 50.1,12 " /> <path d="M64.8,14.1c0,2.2,1.4,3.9,3.7,3.9c2.2,0,3.7-1.7,3.7-3.9c0-2.3-1.5-3.9-3.7-3.9 C66.2,10.1,64.8,11.9,64.8,14.1L64.8,14.1z M72,21.2v-1.6c-0.9,1.2-2.3,1.9-4.3,1.9c-4,0-6.9-3.2-6.9-7.5c0-4.3,3-7.5,6.9-7.5 c2,0,3.3,0.8,4.3,2V6.9h3.8v14.3H72z" /> <path d="M93.4,12.1v9.1h-3.9v-7.9c0-2.1-1-3.2-2.8-3.2c-1.7,0-3,1.1-3,3.2v7.8h-3.9V6.9h3.8v1.7 c1-1.5,2.6-2.1,4.2-2.1C91.1,6.6,93.4,8.8,93.4,12.1" /> <path d="M109.1,17.6l4.6,0c2.3,0,3.7-0.5,3.7-2.5c0-1.9-1.4-2.5-3.7-2.5h-4.6V17.6z M109.1,9h4.2 c2.1,0,3.7-0.4,3.7-2.4c0-1.9-1.6-2.4-3.7-2.4h-4.2V9z M121.3,6.3c0,2.1-1.3,3.8-3,4.4c1.9,0.6,3.4,2.4,3.4,4.6 c0,4-2.8,5.9-7.8,5.9h-9V0.6h8.5C118.2,0.6,121.3,2.4,121.3,6.3L121.3,6.3z" /> <path d="M134.9,6.9l-0.6,3.8c-0.6-0.3-1.6-0.5-2.3-0.5c-1.8,0-3,1.1-3,3.2v7.8h-3.9V6.9h3.7v1.6 c0.9-1.4,2.3-1.9,4-1.9C133.7,6.6,134.4,6.7,134.9,6.9" /> <path d="M140.1,14.1c0,2.3,1.6,3.9,3.8,3.9c2.2,0,3.8-1.6,3.8-3.9s-1.6-3.9-3.8-3.9 C141.7,10.1,140.1,11.8,140.1,14.1 M151.6,14.1c0,4.3-3.3,7.5-7.8,7.5c-4.4,0-7.7-3.2-7.7-7.5c0-4.3,3.3-7.5,7.7-7.5 C148.3,6.6,151.6,9.8,151.6,14.1" /> <path d="M160.4,9.8c-1.5,0-2.2,0.5-2.2,1.3c0,0.8,1,1,2.3,1.2l1.3,0.2c3.1,0.5,4.8,1.8,4.8,4.3 c0,3-2.4,4.9-6.6,4.9c-2,0-4.5-0.4-6.4-1.7l1.5-2.9c1.2,0.8,2.7,1.4,4.9,1.4c1.8,0,2.6-0.5,2.6-1.3c0-0.7-0.7-1.1-2.4-1.3 l-1.2-0.2c-3.3-0.5-5-1.9-5-4.3c0-2.9,2.3-4.7,6-4.7c2.3,0,4.1,0.4,6,1.4l-1.3,3C163.8,10.4,162,9.8,160.4,9.8" /> <path d="M174.6,18.7c0,1.5-1.3,2.9-2.9,2.9c-1.5,0-2.9-1.3-2.9-2.9c0-1.5,1.3-2.8,2.9-2.8 C173.3,15.9,174.6,17.2,174.6,18.7" /> </g> </g> </g> </svg> </a> <div class="app-header__menu-wrapper"> <nav class="header-menu-wrapper" aria-label="Header Menu"><ul id="menu-header-menu" class="menu"><li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128"> <a href="https://bb.agency/work/">Work</a> </li> <li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"> <a href="https://bb.agency/services/">Services</a> </li> <li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"> <a href="https://bb.agency/about/">About us</a> </li> <li id="menu-item-7107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7107"> <a href="https://bb.agency/achievements/">Clients</a> </li> <li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-124"> <a href="https://bb.agency/blog/">Blog</a> </li> <li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123 is-btn"> <a class="btn" href="https://bb.agency/contact/" > Let's Collaborate </a> </li> </ul></nav> </div> <button class="mob-navigation-toggle" aria-label="Mobile Menu Toggle" aria-expanded="false"> <div class="hamburger-menu"> <span></span> <span></span> <span></span> <span></span> </div> </button> </div> </div> </header> <main class="app-main"> <section style="padding-top:var(--wp--preset--spacing--2-x-large);padding-bottom:var(--wp--preset--spacing--x-huge);" class="section-container wp-block-bb-section-container" > <div class="container"> <div class="wp-block-group max-width-md-100 max-width-sm-100 is-layout-flow wp-block-group-is-layout-flow" style="margin-bottom:var(--wp--preset--spacing--large)"><h2 style="margin-bottom:var(--wp--preset--spacing--medium-large);" class="wp-block-post-title has-jumbo-font-size">Streamlining Blog Post Bulk Upload: From Google Docs Drafts to WordPress Website Posts with N8N and AI</h2> <div class="post-info wp-block-bb-post-info has-large-font-size"> <span class="post-category">Tech</span> <div class="post-authors-names"> <span>By</span> <a href="https://bb.agency/team/dominik-kosic/" class="post-author-name">Dominik Kosić</a> </div> <span class="post-date">25-07-2024</span> </div> </div> <figure class="wp-block-image size-full wp-block-image-is-svg" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"><img fetchpriority="high" decoding="async" height="1330" width="2240" src="https://bb.agency/wp-content/uploads/2024/07/Streamlining-Blog-Post-Bulk-Upload-Feat-image.svg" alt="" class="wp-image-5272"/></figure> <div class="wp-block-group is-style-text-content has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <p>Imagine being tasked with converting 50,000 articles from Google Docs into WordPress blog posts. Manually, this enormous task could take months, if not years, to complete. But, thanks to the power of automation and a bit of imagination, we conquered this mountain of content in just about a week.</p> <p>In this article, we’ll share the secrets behind our extraordinary feat, achieved with cutting-edge tools like N8N, Claude Haiku AI, Google API, and WP All Import. Join us as we explore the step-by-step workflow that allowed us to effectively migrate a massive volume of blog posts with minimal manual effort, ensuring both efficiency and consistency across all content.</p> <h2 class="wp-block-heading" id="h-scaling-the-mountain-of-blog-posts">Scaling the Mountain of Blog Posts</h2> <p>Transitioning content from Google Docs to WordPress isn’t simply a matter of copy and paste; it involves handling a large volume of blog posts, each with its own formatting quirks and inconsistencies. The sheer scale of the project—50,000 articles—presented a daunting challenge in terms of time, resources, and maintaining content integrity.</p> <figure class="wp-block-image size-full wp-block-image-is-svg"><img decoding="async" height="840" width="1470" src="https://bb.agency/wp-content/uploads/2024/07/Visual-1.svg" alt="" class="wp-image-5273"/></figure> <h2 class="wp-block-heading" id="h-our-tools-and-workflow">Our Tools and Workflow</h2> <p>To tackle this challenge head-on, we assembled a suite of automation tools that transformed a seemingly enormous task into a smooth, streamlined process:</p> <ul style="" class="wp-block-list"> <li>N8N: Our automation backbone that connected all necessary APIs and orchestrated the workflow from data extraction to content migration.</li> <li>Claude Haiku AI: The AI assistant ensured each article adhered to our formatting standards by identifying and rectifying inconsistencies.</li> <li>Google API: Enabled efficient extraction of documents and data from Google Docs, ensuring no content was left behind.</li> <li>WP All Import: This powerful WordPress plugin allowed us to define mapping templates that translated Google Docs formats into WordPress-ready content, which was then imported seamlessly into our CMS.</li> </ul> <figure class="wp-block-image size-full wp-block-image-is-svg"><img decoding="async" height="840" width="1470" src="https://bb.agency/wp-content/uploads/2024/07/Visual-2.svg" alt="" class="wp-image-5274"/></figure> <p>In the following steps, I’ll explain how this process works on a smaller scale. Instead of simply uploading 50K documents and hoping for the best, we wanted to maintain control and iteratively refine our workflow. We began with batches of 100 documents, gradually scaling up to batches of 1,000 as we gained confidence and optimized our approach.</p> <p>Here’s the main recipe:</p> <p><strong>Step 1: Fetching the list of documents</strong><br>Our workflow is triggered manually. Once activated, it checks Google Sheets for any new rows. If new rows are found, it proceeds to the next step.</p> <p><strong>Step 2: Fetching the documents themselves</strong><br>The new rows contain links to the Google Docs files. Using the Google Docs API, we extract the content of each file for further processing.</p> <p><strong>Step 3: Separating the necessary information</strong><br>These files were “dirty” and contained extraneous information that wasn’t needed for our process. Before feeding the content to the AI, we performed some automated cleanup by separating files into segments and extracting only the relevant data.</p> <p><strong>Step 4: Running the data through AI for formatting checks</strong><br>Now we have less data to work with, but it’s still not formatted consistently. Some content is in markup format, while some are plain text. At this point, we need the help of a “smart friend” (AI) who can recognize what it’s working with. This is a repetitive task, and crafting the perfect prompt to ensure consistency takes time, but it’s well worth the effort.</p> <p><strong>Step 5: Data manipulation and preparation for the “import sheet”</strong><br>Hooray! We have the data, formatted and clean… Well, almost. We need to convert this data to HTML. While the AI is great at understanding data and separating headings, paragraphs, etc., its native output is in markdown format, which we prefer to keep. So, in this step, we convert the data from markdown to HTML and structure it in a way that’s easily mapped in WP All Import.</p> <p><strong>Step 6: Exporting the “import sheet” .tsv file</strong><br>With everything ready, we have our valuable project data in a comprehensive Google Sheet. Now we need to export it as a .tsv file to send it to WordPress.</p> <p><strong>Step 7: Mapping fields and importing our .tsv file with WP All Import</strong><br>We’re almost there! All the data is consolidated into a single file. Now it’s time to launch this spaceship. In the final step, we map the fields from the columns to the corresponding parts of the WordPress post. Once everything is in place… hit the green button and prepare to be amazed!</p> <figure class="wp-block-image size-full wp-block-image-is-svg"><img loading="lazy" decoding="async" height="840" width="1470" src="https://bb.agency/wp-content/uploads/2024/07/Visual-3.svg" alt="" class="wp-image-5275"/></figure> <h2 class="wp-block-heading" id="h-testing-and-validation">Testing and validation</h2> <p>Throughout the migration process, we conducted rigorous testing to ensure that no data was lost and all formatting errors were corrected.</p> <figure class="wp-block-image size-full wp-block-image-is-svg"><img loading="lazy" decoding="async" height="840" width="1470" src="https://bb.agency/wp-content/uploads/2024/07/Visual-4.svg" alt="" class="wp-image-5271"/></figure> </div> <div class="wp-block-group is-style-text-content has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <h2 class="wp-block-heading" id="h-conclusion">Conclusion</h2> <p>By combining the strength of automation tools with a strategic workflow, we transformed a seemingly insurmountable task into a streamlined success. This journey not only saved us countless hours of manual work but also revealed the immense potential of automation in content migration and management. We hope our experience inspires you to embrace these tools and techniques, unlocking new levels of efficiency and innovation in your own digital projects.</p> <div class="wp-block-group has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--x-large)"> <p style="margin-bottom:var(--wp--preset--spacing--small)">Share this article:</p> <div class="post-share-btns wp-block-bb-post-share-btns"> <div class="post-share-links"> <a class="btn btn-lg " target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/&title=Streamlining Blog Post Bulk Upload: From Google Docs Drafts to WordPress Website Posts with N8N and AI">LinkedIn</a> <a class="btn btn-lg " target="_blank" href="https://twitter.com/intent/tweet?url=https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/">Twitter</a> <a class="btn btn-lg " target="_blank" href="https://www.facebook.com/sharer.php?u=https://bb.agency/blog/streamlining-blog-post-bulk-upload-from-google-docs-drafts-to-wordpress-website-posts-with-n8n-and-ai/">Facebook</a> </div> </div> </div> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--x-huge);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-bottom:var(--wp--preset--spacing--medium-large)"> <hr class="wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background" style="margin-bottom:var(--wp--preset--spacing--medium-large)"/> <h2 class="wp-block-heading has-heading-3-font-size" id="h-author">Author</h2> </div> <div class="wp-block-group horizontal-alignment--center max-width-md-100 max-width-sm-100 is-layout-flow wp-block-group-is-layout-flow" style="max-width:66.67%"> <div class="post-authors-wrapper wp-block-bb-post-author has-large-font-size"> <div class="post-authors"> <div class="post-author" > <div class="post-author__image"> <img decoding="async" src="https://bb.agency/wp-content/uploads/2023/10/dominik_kosic@2x.webp" alt="Post Author"> </div> <div class="post-author__content"> <div class="post-author__info"> <span class="post-author__name">Dominik Kosić</span> <span class="post-author__role">WordPress Developer</span> </div> <a href="https://bb.agency/team/dominik-kosic/" class="post-author__cta btn btn-lg">Read my Stuff</a> </div> </div> </div> </div> </div> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-bottom:var(--wp--preset--spacing--large)"> <hr class="wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background" style="margin-bottom:var(--wp--preset--spacing--medium-large)"/> <h2 class="wp-block-heading has-heading-3-font-size" id="h-related-articles">Related articles</h2> </div> <div class="related-posts-wrapper wp-block-bb-post-related"> <div class="related-posts posts-loop"> <article class="archive-item archive-item-post post-724 post type-post status-publish format-standard has-post-thumbnail hentry category-design" > <div class="archive-item__feat-image"> <img loading="lazy" decoding="async" width="1024" height="802" src="https://bb.agency/wp-content/uploads/2023/10/Thumbnail-1-1024x802.webp" class="attachment-large size-large" alt="" srcset="https://bb.agency/wp-content/uploads/2023/10/Thumbnail-1-1024x802.webp 1024w, https://bb.agency/wp-content/uploads/2023/10/Thumbnail-1-300x235.webp 300w, https://bb.agency/wp-content/uploads/2023/10/Thumbnail-1-768x601.webp 768w, https://bb.agency/wp-content/uploads/2023/10/Thumbnail-1-1536x1203.webp 1536w, https://bb.agency/wp-content/uploads/2023/10/Thumbnail-1-290x227.webp 290w, https://bb.agency/wp-content/uploads/2023/10/Thumbnail-1.jpg 1972w" sizes="auto, (min-width: 1100px) 50vw, 100vw" /> </div> <div class="archive-item__authors"> <span class="archive-item__author">BB Team</span> </div> <div class="archive-item__title-wrapper"> <span class="archive-item__title">Mapping Out the UX Research</span> </div> <div class="archive-item__categories"> <div class="archive-item__category">Design</div> </div> <a href="https://bb.agency/blog/mapping-out-ux-research/" aria-label="Mapping Out the UX Research" class="archive-item__link stretched-link"></a> </article> <article class="archive-item archive-item-post post-3264 post type-post status-publish format-standard has-post-thumbnail hentry category-tech" > <div class="archive-item__feat-image"> <img loading="lazy" decoding="async" width="1085" height="814" src="https://bb.agency/wp-content/uploads/2024/03/Creating-WordPress-Mega-Menus-700x525-1-1085x814.webp" class="attachment-large size-large" alt="" srcset="https://bb.agency/wp-content/uploads/2024/03/Creating-WordPress-Mega-Menus-700x525-1-1085x814.webp 1085w, https://bb.agency/wp-content/uploads/2024/03/Creating-WordPress-Mega-Menus-700x525-1-700x525.webp 700w, https://bb.agency/wp-content/uploads/2024/03/Creating-WordPress-Mega-Menus-700x525-1-893x670.webp 893w, https://bb.agency/wp-content/uploads/2024/03/Creating-WordPress-Mega-Menus-700x525-1-400x300.webp 400w, https://bb.agency/wp-content/uploads/2024/03/Creating-WordPress-Mega-Menus-700x525-1.webp 1400w" sizes="auto, (min-width: 1100px) 50vw, 100vw" /> </div> <div class="archive-item__authors"> <span class="archive-item__author">Giannis Koulouris</span> </div> <div class="archive-item__title-wrapper"> <span class="archive-item__title">Creating WordPress Mega Menus using the Gutenberg Editor</span> </div> <div class="archive-item__categories"> <div class="archive-item__category">Tech</div> </div> <a href="https://bb.agency/blog/creating-wordpress-mega-menus-using-the-gutenberg-editor/" aria-label="Creating WordPress Mega Menus using the Gutenberg Editor" class="archive-item__link stretched-link"></a> </article> <article class="archive-item archive-item-post post-3272 post type-post status-publish format-standard has-post-thumbnail hentry category-design" > <div class="archive-item__feat-image"> <img loading="lazy" decoding="async" width="1085" height="814" src="https://bb.agency/wp-content/uploads/2024/02/Research-First-Design-Second-700x525@2x-1085x814.webp" class="attachment-large size-large" alt="" srcset="https://bb.agency/wp-content/uploads/2024/02/Research-First-Design-Second-700x525@2x-1085x814.webp 1085w, https://bb.agency/wp-content/uploads/2024/02/Research-First-Design-Second-700x525@2x-700x525.webp 700w, https://bb.agency/wp-content/uploads/2024/02/Research-First-Design-Second-700x525@2x-893x670.webp 893w, https://bb.agency/wp-content/uploads/2024/02/Research-First-Design-Second-700x525@2x-400x300.webp 400w, https://bb.agency/wp-content/uploads/2024/02/Research-First-Design-Second-700x525@2x.webp 1400w" sizes="auto, (min-width: 1100px) 50vw, 100vw" /> </div> <div class="archive-item__authors"> <span class="archive-item__author">Ivan Lucić</span> </div> <div class="archive-item__title-wrapper"> <span class="archive-item__title">Research first, design second</span> </div> <div class="archive-item__categories"> <div class="archive-item__category">Design</div> </div> <a href="https://bb.agency/blog/research-first-design-second/" aria-label="Research first, design second" class="archive-item__link stretched-link"></a> </article> </div> </div> </div> </div> </section> </main> <footer class="app-footer"> <div class="container"> <div class="app-footer__content"> <div class="app-footer-content__left"> <a href="https://bb.agency/" class="footer-logo" aria-label="Website logo"> <svg width="40" height="48" viewBox="0 0 40 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.000119255 6.05005V17.3721L11.3222 6.05005H0.000119255ZM22.422 6.27189L0 28.6939V40.0156L29.5349 10.4807C27.7547 8.34066 25.2605 6.81629 22.422 6.27189ZM3.35848 47.9792L32.3481 18.9896C32.2002 21.6856 31.1758 24.2282 29.4404 26.2594C30.6583 27.4388 31.6189 28.8433 32.2753 30.3841L14.6805 47.9792H3.35848Z" fill="black" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.1585 0.00012207H17.3715L6.0498 11.3219V22.6439L28.4718 0.221936C27.722 0.0782339 26.9492 0.00012207 26.1585 0.00012207ZM38.4185 12.2603C38.4185 9.28577 37.3533 6.55603 35.5847 4.43061L6.0498 33.9655V41.929H9.40831L38.3979 12.9394C38.4102 12.714 38.4185 12.4878 38.4185 12.2603ZM38.3249 24.3341C38.9829 25.8785 39.3359 27.5597 39.3359 29.2883C39.3359 29.3085 39.3356 29.3291 39.335 29.3491C39.3356 29.375 39.3359 29.3965 39.3359 29.4185C39.3359 33.8921 37.2165 37.7202 33.5199 39.9264C31.4812 41.2367 29.1221 41.929 26.6955 41.929H20.7301L38.3249 24.3341Z" fill="#00CFBE" /> </svg> </a> <p class="footer-text">Challenge core assumptions.</p> </div> <div class="app-footer-content__right"> <div class="footer-menus-wrapper"> <div class="footer-menu"> <span class="footer-menu__title">Learn More</span> <nav class="menu-footer-menu-1-container"><ul id="menu-footer-menu-1" class="menu"><li id="menu-item-764" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-764"> <a href="https://bb.agency/">Home</a> </li> <li id="menu-item-770" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-770"> <a href="https://bb.agency/work/">Work</a> </li> <li id="menu-item-765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-765"> <a href="https://bb.agency/about/">About</a> </li> <li id="menu-item-767" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-767"> <a href="https://bb.agency/careers/">Careers</a> </li> <li id="menu-item-766" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-766"> <a href="https://bb.agency/blog/">News</a> </li> <li id="menu-item-768" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-768"> <a href="https://bb.agency/contact/">Contact us</a> </li> </ul></nav> </div> <div class="footer-menu"> <span class="footer-menu__title">Our Offerings</span> <nav class="menu-footer-menu-2-container"><ul id="menu-footer-menu-2" class="menu"><li id="menu-item-6238" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6238"> <a href="https://bb.agency/services/">Services</a> </li> <li id="menu-item-6243" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6243"> <a href="https://bb.agency/services/branding/">Branding</a> </li> <li id="menu-item-6239" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6239"> <a href="https://bb.agency/services/website/">Website</a> </li> <li id="menu-item-6240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6240"> <a href="https://bb.agency/services/product/">Product</a> </li> <li id="menu-item-6242" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6242"> <a href="https://bb.agency/services/finite/">Finite</a> </li> <li id="menu-item-6241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6241"> <a href="https://bb.agency/services/infinite/">Infinite</a> </li> <li id="menu-item-6244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6244"> <a href="https://bb.agency/achievements/">Clients</a> </li> </ul></nav> </div> <div class="footer-menu"> <span class="footer-menu__title">Selected Work</span> <nav class="menu-footer-menu-3-container"><ul id="menu-footer-menu-3" class="menu"><li id="menu-item-3742" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3742"> <a href="https://bb.agency/project/eone/">eOne</a> </li> <li id="menu-item-3743" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3743"> <a href="https://bb.agency/project/creatd/">Creatd</a> </li> <li id="menu-item-3744" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3744"> <a href="https://bb.agency/project/mimo/">mimo</a> </li> <li id="menu-item-3745" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3745"> <a href="https://bb.agency/project/enode/">Enode</a> </li> <li id="menu-item-3746" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3746"> <a href="https://bb.agency/project/shipbob/">ShipBob</a> </li> <li id="menu-item-778" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-778"> <a href="https://bb.agency/work/">View All Work</a> </li> </ul></nav> </div> <div class="footer-menu"> <span class="footer-menu__title">Follow us</span> <nav class="menu-footer-menu-4-container"><ul id="menu-footer-menu-4" class="menu"><li id="menu-item-779" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-779"> <a target="_blank" href="https://dribbble.com/balkanbrothers">Dribbble</a> </li> <li id="menu-item-780" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-780"> <a target="_blank" href="https://www.linkedin.com/company/balkan-brothers/">LinkedIn</a> </li> <li id="menu-item-781" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-781"> <a target="_blank" href="https://www.instagram.com/balkanbrothers.agency/">Instagram</a> </li> <li id="menu-item-782" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-782"> <a target="_blank" href="https://www.behance.net/balkan-brothers">Behance</a> </li> <li id="menu-item-783" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-783"> <a target="_blank" href="https://www.facebook.com/balkanbrothers.agency/">Facebook</a> </li> </ul></nav> </div> </div> </div> </div> <div class="app-footer__bottom"> <span class="footer-copyright-text">©BB Agency 2012 - 2025. All rights reserved.</span> <div class="footer-links"> <a href="https://bb.agency/privacy-policy/">Privacy Policy</a> </div> </div> </div> </footer>  <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 bottom-right-view-preferences optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optin">Manage Cookie Consent</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin">To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</div>  <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Functional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Functional</span></label> </span> Always active </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Preferences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistics</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Statistics</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> <span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span> </div> </details> </div> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accept</button> <button class="cmplz-btn cmplz-deny">Deny</button> <button class="cmplz-btn cmplz-view-preferences">Preferences</button> <button class="cmplz-btn cmplz-save-preferences">Save preferences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Preferences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> <div class="cmplz-cookiebanner cmplz-hidden banner-1 bottom-right-view-preferences optout cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optout" aria-describedby="cmplz-message-1-optout"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optout">Manage Cookie Consent</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optout">To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</div>  <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Functional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optout" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optout" tabindex="0"><span class="screen-reader-text">Functional</span></label> </span> Always active </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optout" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optout" tabindex="0"><span class="screen-reader-text">Preferences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistics</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optout" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optout" tabindex="0"><span class="screen-reader-text">Statistics</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> <span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optout" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optout" tabindex="0"><span class="screen-reader-text">Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span> </div> </details> </div> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accept</button> <button class="cmplz-btn cmplz-deny">Deny</button> <button class="cmplz-btn cmplz-view-preferences">Preferences</button> <button class="cmplz-btn cmplz-save-preferences">Save preferences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Preferences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button> <button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button> </div><script type="text/javascript" id="script-js-extra"> /* <![CDATA[ */ var ajax_params = {"ajax_url":"https:\/\/bb.agency\/wp-admin\/admin-ajax.php","nonce":"a22982a321"}; var page_info = {"has_swiper_slider":"","has_lottie_animation":""}; /* ]]> */ </script> <script type="text/javascript" src="https://bb.agency/wp-content/themes/bb-agency/assets/js/main.min.js?ver=1734688487" id="script-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="cmplz-cookiebanner-js-extra"> /* <![CDATA[ */ var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"48","version":"7.3.2","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"us","geoip":"1","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/bb.agency\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en_US","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"45","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https:\/\/bb.agency\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=48","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/bb.agency\/cookie-policy-eu\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"}},"us":{"cookie-statement":{"title":"Opt-out preferences","url":"https:\/\/bb.agency\/opt-out-preferences\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"},"privacy-statement-children":{"title":"","url":"https:\/\/bb.agency\/"}},"uk":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/bb.agency\/cookie-policy-uk\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"},"privacy-statement-children":{"title":"","url":"https:\/\/bb.agency\/"}},"ca":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/bb.agency\/cookie-policy-ca\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"},"privacy-statement-children":{"title":"","url":"https:\/\/bb.agency\/"}},"au":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/bb.agency\/cookie-policy-au\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"},"privacy-statement-children":{"title":"","url":"https:\/\/bb.agency\/"}}},"tm_categories":"1","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content"}; /* ]]> */ </script> <script defer type="text/javascript" src="https://bb.agency/wp-content/plugins/complianz-gdpr-premium/cookiebanner/js/complianz.min.js?ver=1734684539" id="cmplz-cookiebanner-js"></script> <script type="text/javascript" id="cmplz-cookiebanner-js-after"> /* <![CDATA[ */ let cmplzBlockedContent = document.querySelector('.cmplz-blocked-content-notice'); if ( cmplzBlockedContent) { cmplzBlockedContent.addEventListener('click', function(event) { event.stopPropagation(); }); } /* ]]> */ </script>  <script data-category="functional"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W7GJNTQ'); const revokeListeners = []; window.addRevokeListener = (callback) => { revokeListeners.push(callback); }; document.addEventListener("cmplz_revoke", function (e) { cmplz_set_cookie('cmplz_consent_mode', 'revoked', false ); revokeListeners.forEach((callback) => { callback(); }); }); const consentListeners = []; /** * Called from GTM template to set callback to be executed when user consent is provided. * @param callback */ window.addConsentUpdateListener = (callback) => { consentListeners.push(callback); }; document.addEventListener("cmplz_fire_categories", function (e) { var consentedCategories = e.detail.categories; const consent = { 'security_storage': "granted", 'functionality_storage': "granted", 'personalization_storage': cmplz_in_array( 'preferences', consentedCategories ) ? 'granted' : 'denied', 'analytics_storage': cmplz_in_array( 'statistics', consentedCategories ) ? 'granted' : 'denied', 'ad_storage': cmplz_in_array( 'marketing', consentedCategories ) ? 'granted' : 'denied', 'ad_user_data': cmplz_in_array( 'marketing', consentedCategories ) ? 'granted' : 'denied', 'ad_personalization': cmplz_in_array( 'marketing', consentedCategories ) ? 'granted' : 'denied', }; //don't use automatic prefixing, as the TM template needs to be sure it's cmplz_. let consented = []; for (const [key, value] of Object.entries(consent)) { if (value === 'granted') { consented.push(key); } } cmplz_set_cookie('cmplz_consent_mode', consented.join(','), false ); consentListeners.forEach((callback) => { callback(consent); }); }); </script> <div class="custom-cursor"> <span class="custom-cursor__content"></span> <div class="custom-cursor__background"></div> </div> <script type="text/javascript"> _linkedin_partner_id = "4961865"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript><img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=4961865&fmt=gif" /></noscript> </body> </html>