{"id":11439,"date":"2024-08-13T09:41:05","date_gmt":"2024-08-13T07:41:05","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=11439"},"modified":"2025-04-24T06:40:05","modified_gmt":"2025-04-24T04:40:05","slug":"how-to-create-a-custom-divi-footer","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/","title":{"rendered":"How To Create a Custom Divi Footer"},"content":{"rendered":"\n<p>If you&#8217;re looking to add a personal touch to your website, customizing the footer is a great place to start. In this tutorial, I&#8217;ll show you how to create a custom footer in Divi.<\/p>\n\n\n\n<p>Whether you&#8217;re a seasoned web designer or just getting started, this guide will walk you through each step of the process.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Create a Custom Footer in Divi - Step by Step Tutorial\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/YrJc0q5WRgI?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"gb-headline gb-headline-680e720e gb-headline-text\">Divi Customizer Footer Options Disappeared?<\/h2>\n\n\n\n<p>Maybe you have already noticed it but the Footer Options in Divi &gt; Theme Customizer are gone. You might see them briefly but then they disappear. This is normal when you have enabled the Global Footer the options in the Theme Customizer are not needed anymore because you can now make all your edits in the Theme Builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Footer Examples For Inspiration<\/h2>\n\n\n\n<p>I will give you some extra footer examples for inspiration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Grow extended<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/markhendriksen.com\/wp-content\/uploads\/2019\/03\/Divi-footer-example-1.png\" alt=\"Grow extended Divi footer example\"\/><\/figure>\n\n\n\n<p>In this design, I created a 3 column structure with a dark blue background. I used some slighter lighter blue dividers and for the first column a right border. In the first column, I placed the logo + contact info, and social media icons. In the second and third columns, I placed quick navigation and the services pages. At the top of this footer, I created a horizontal email opt-in.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.growextended.markhendriksen.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit Website<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Photelo<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/markhendriksen.com\/wp-content\/uploads\/2019\/03\/photelo-divi-footer-example.png\" alt=\"Photelo Divi footer example\"\/><\/figure>\n\n\n\n<p>In this website\u2019s footer, I used 2 rows. The top row is a 4 column structure, within each column an image module. The bottom row is a 1 column structure with 2 texts and 1 social media module. I place a background image in the section.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.photelo.markhendriksen.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit Website<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Valliant<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/markhendriksen.com\/wp-content\/uploads\/2019\/03\/Valliant-divi-footer-example.png\" alt=\"Valliant Divi footer example\"\/><\/figure>\n\n\n\n<p>This site\u2019s footer uses a 4 column structure. In the first column, I used an image module for the logo and 3 blurb modules. In between each blurb module I used a divider module for the thin line. The second and third column is created with text modules and I also used here a divider module for the line. In the fourth column, I placed a social media module and an email opt-in.<\/p>\n\n\n\n<p><a href=\"https:\/\/valliant.markhendriksen.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit Website<\/a><\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-85dc0f5d gb-headline-text\">You Might Also Like\u2026<\/h3>\n\n\n\n<ul class=\"listsquare listsquare-single wp-block-list\">\n<li><a href=\"https:\/\/www.markhendriksen.com\/how-to-edit-the-footer-in-divi\/\">How To Edit The Footer In Divi<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.markhendriksen.com\/center-divi-footer-credits\/\">How To Center Divi Footer Credits<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":35215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-11439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to create a custom Divi footer | Markhendriksen.com<\/title>\n<meta name=\"description\" content=\"In this tutorial, we are going to build a custom Divi footer. You can fully customize this footer in the visual builder.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create a custom Divi footer | Markhendriksen.com\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, we are going to build a custom Divi footer. You can fully customize this footer in the visual builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-13T07:41:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-24T04:40:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/03\/How-to-create-a-custom-Divi-footer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How To Create a Custom Divi Footer\",\"datePublished\":\"2024-08-13T07:41:05+00:00\",\"dateModified\":\"2025-04-24T04:40:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/\"},\"wordCount\":360,\"commentCount\":13,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/08\/Create-a-Custom-Footer-In-Div.jpg\",\"articleSection\":[\"Divi tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/\",\"url\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/\",\"name\":\"How to create a custom Divi footer | Markhendriksen.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/08\/Create-a-Custom-Footer-In-Div.jpg\",\"datePublished\":\"2024-08-13T07:41:05+00:00\",\"dateModified\":\"2025-04-24T04:40:05+00:00\",\"description\":\"In this tutorial, we are going to build a custom Divi footer. You can fully customize this footer in the visual builder.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/08\/Create-a-Custom-Footer-In-Div.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/08\/Create-a-Custom-Footer-In-Div.jpg\",\"width\":720,\"height\":400,\"caption\":\"Create a custom Divi footer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi tutorials\",\"item\":\"https:\/\/www.markhendriksen.com\/divi-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Create a Custom Divi Footer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create a custom Divi footer | Markhendriksen.com","description":"In this tutorial, we are going to build a custom Divi footer. You can fully customize this footer in the visual builder.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/","og_locale":"en_US","og_type":"article","og_title":"How to create a custom Divi footer | Markhendriksen.com","og_description":"In this tutorial, we are going to build a custom Divi footer. You can fully customize this footer in the visual builder.","og_url":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2024-08-13T07:41:05+00:00","article_modified_time":"2025-04-24T04:40:05+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/03\/How-to-create-a-custom-Divi-footer.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How To Create a Custom Divi Footer","datePublished":"2024-08-13T07:41:05+00:00","dateModified":"2025-04-24T04:40:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/"},"wordCount":360,"commentCount":13,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/08\/Create-a-Custom-Footer-In-Div.jpg","articleSection":["Divi tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/","url":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/","name":"How to create a custom Divi footer | Markhendriksen.com","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/08\/Create-a-Custom-Footer-In-Div.jpg","datePublished":"2024-08-13T07:41:05+00:00","dateModified":"2025-04-24T04:40:05+00:00","description":"In this tutorial, we are going to build a custom Divi footer. You can fully customize this footer in the visual builder.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/08\/Create-a-Custom-Footer-In-Div.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/08\/Create-a-Custom-Footer-In-Div.jpg","width":720,"height":400,"caption":"Create a custom Divi footer"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-footer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Divi tutorials","item":"https:\/\/www.markhendriksen.com\/divi-tutorials\/"},{"@type":"ListItem","position":3,"name":"How To Create a Custom Divi Footer"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/11439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=11439"}],"version-history":[{"count":3,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/11439\/revisions"}],"predecessor-version":[{"id":35705,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/11439\/revisions\/35705"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/35215"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=11439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=11439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=11439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}