Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. We recently shared a brand new Handmade Soap Layout Pack. To help you get your website up and running as soon as possible, we’re sharing a global header & footer template that matches this layout pack perfectly as well! Hope you enjoy it.
Check Out The Handmade Soap
Global Header & Footer Template Below
Tablet and Mobile View
Download The Global Header & Footer Template For The Handmade Soap Layout Pack
To lay your hands on the free global header & footer template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.
Join the Divi Newsletter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.
You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!
How to Upload The Handmade Soap Header Template
Go to Divi Theme Builder
To upload the template, navigate to the Divi Theme Builder in the backend of your WordPress website.
Upload Global Default Website Template
Then, in the top right corner, you’ll see an icon with two arrows. Click on the icon.
Navigate to the import tab, upload the JSON file which you were able to download in this post, and click on ‘Import Divi Theme Builder Templates.
Save Divi Theme Builder Changes
Once you’ve uploaded the file, you’ll notice a new global header and footer in your default website template. Save the Divi Theme Builder changes as soon as you want the template to be activated.
How to Modify The Handmade Soap Header Template
Open the Handmade Soap Header Template
To modify the global header template’s elements, start by opening the template.
Update Call-to-Action Bar
Change the call-to-action text to match your brand. Edit the Text Module and you can go a step further and add a link to the module.
Upload Your Logo
Update the Image Module with your logo.
Select Your Menu
Open the Menu Module and select your menu.
Update Button Module
Open the Button Module to add your link. You may also want to consider changing the text on the button to match the call-to-action to your brand.
Upload Logo for Mobile Menu.
Switch to the mobile view. We use a separate set of modules for the mobile and tablet view in this template. Upload your logo to the Image Module.
Select Menu for Mobile
Choose your menu for the mobile Menu Module.
Open Footer Template
Continue by opening the global footer inside the default website template.
Connect Email Account
Connect your email marketing service provider to the Email Optin Module to collect the email addresses of your website visitors.
Change the content within the Blurb Modules to match what you need for your website. In our case, we used the modules to showcase contact information.
Connect Social Media Accounts
Select and link your social media accounts to the Social Follow Module.
Upload Logo and Menu
Upload your logo and select your menu for the footer menu.
New Freebies Every Week!
We hope you’ve enjoyed the Handmade Soap Layout Pack and the Header & Footer freebie that goes along with it. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!
This content was originally published here.