Sales Page
Set up and restyle your template to your branding with the below template tutorials

Pre-Steps
domain and hosting
If you're just starting out with a website, you'll first need a domain name and hosting - I recommend either BlueHost or NameCheap.
Bluehost offers cheap and solid hosting if you’re just starting out with a personal blog or small business website. They are a full provider of domains, hosting and SSL certificates.
Domains start from $11.99/yr | Hosting is super affordable at $2.95/month & you can get a free domain if you purchase a 12 month hosting plan!
Get Started with BlueHost
NameCheap is a great option if you plan on having a couple of websites. They are a full provider of domains, hosting and SSL certificates. Domains start from $9.95/yr | Hosting is super affordable at $2.88/month for up to 3 websites.
Get started with NameCheap
Our templates are only compatible with self-hosted installations of WordPress (WordPress.org)
*Not sure which version of WordPress you have? Here’s how to check
install wordpress
Installing WordPress is a simple process that takes less than five minutes to complete.
The DIY install instructions are below (Or you can ask your hosting provider nicely to install it for you - they usually do it for free!)
The easiest and quickest way to install WordPress is through Softaculous, a popular auto-installer. It allows you to easily install popular web applications like WordPress with just a few clicks. Good hosting use Softaculous in their control panel.
Simply login to your Control Panel (or cPanel for short) account - your hosting company would have provided this information when you signed up to host your website.
1. Go to your control panel URL. Example: blogname.com/cpanel
Login with your username and password.
Look for Softaculous icon or WordPress installer icon. You will find them under Auto Installers section.
- Clicking on any of these icons will launch Softaculous auto-installer for WordPress. First you will see an overview of WordPress. You need to click on the Install tab to continue.
Softaculous will now ask you where you want to install WordPress.
Choose HTTP for every situation, except if your are launching your site with ecommerce and processing payments, then choose HTTPS.
It’s up to your personal prefernce if you would like http://www or http:// - It doesn’t matter which one you choose but you will have to remeber it as this will be your proper URL.
After that, you need to choose the domain name where you want to install WordPress. Most users want to install WordPress in their domain name (like example.com) In that case, you need to make sure that the ‘In Directory’ field is blank.
Scroll down a little, and you will see the site settings section.
Under this section, first you need to provide a title and description for your WordPress site. Don’t worry you can easily change this later.
Next, you need to choose an admin username, password, and email address.
Make sure that you enter correct email address in the admin email field. This is where WordPress will send notifications and password reset link if you ever forgot your password.
Rest of the options on the screen are optional. You can now click on the install button to run the installer.
Softaculous will run the installer using the settings you provided. You will see a progress bar with installation status. It will take a couple of minutes, do not close the window until the progress bar reaches 100% otherwise this may affect your WordPress installation.
You will see a success message after the installation is finished. It will also show you a link to your website and another link to your WordPress admin area.
To login to your website dashboard place /wp-admin on the end of your domain, for example: http://www.blogname.com/wp-login.php
And that’s it, you’ve successfully installed wordpress.org!
Tips
how to sell & deliver courses, programs and memberships
Thinkific
Best for courses and client programs delivering a structured curriculum or video training
Oh how I love Thinkific! I don’t think I’ve ever been more impressed by a service provider. They offer a professional all-in-one solution to sell and deliver courses (or client services or coaching packages) to your customers. They've also thought about and implented strategies for launches too such as pricing plans, multiple pricing options, free trials, bonus bundles, upsells and more.
I personally use thinkific for all of my courses and couldn't be happier.
You can get started by hosting 3 courses free!
DPD
Best for digital product payment processor, downloads and delivery
Streamlined and efficient way to sell digital products – ebooks, templates, graphics, music, and services. DPD is a payment processor, downloadable delivery service and affiliate software all in one. Pricing starts from $10 per month for 10 poducts. I personally use DPD for all of my digital products and my services and I think they're fabulous.
Get started with a 30 day free trial!
writting your sales page
Writting your sales page copy can be overwhelming to say the least! This bundle includes a ‘how to write your sales page’ worksheet to help you craft your message.
Access the google doc here or you can find the word doc within your download folder.
Just fill out the worksheet propts and you'll see your sales copy starting to take form.
In my own experience, i've found it's best to complete your sales page copy first - draft it, edit it, review it and when you're happy - copy / paste the text into the corresponding rows of the web template.
Installation
Introducing Divi (please read before proceeding)
All of our templates have been designed for Divi by Elegant Themes which features an amazing front-end editor making website edits quick and easy for you!
You can use your site templates with the Divi theme OR the Divi plugin:
Divi Theme - The Most Popular Premium WordPress Theme In The World
OR
The Divi Builder Plugin - Visual Drag & Drop Website Building For Any Theme
The theme and the plugin are included within your web design kit for you to use with your site template. If you would like to receive lifetime updates and support for Divi, you can purchase your own divi licence here.
Option 1: Using with the Divi theme (or divi child theme)
If you currently use the Divi Theme, Divi Child Theme, or are starting a new site,; you can choose to install the Divi Theme - The Most Popular Premium WordPress Theme In The World
1. After you are logged into your WordPress dashboard click on “Appearance” then “Themes”
2. Select "Add New"
3. Select the "divi.zip"
4. Click "Install Now" then "Activate"
The theme is now installed!
*The Divi Theme is included within your web design kit for you to use with your site template. If you would like to receive lifetime updates and support for divi, you can purchase your own divi licence here if you choose.
Option 2: using with the Divi Builder plugin
You could also use these templates with another wordpress theme (such as a genesis blog theme) by installing the Divi Builder Plugin - Visual Drag & Drop Website Building For Any Theme
Kindly Note - If you choose to use the landing page layouts with a non divi theme, the page may still display your current themes’ widgets like the image below:
Solution - You can ask elegant themes to provide some custom code for you 🙂 Yep, they’re awesome!
Or just choose to display your themes widget areas - you might prefer that look.
_______________________________________________________________
How To Install The Divi Builder Plugin
1. After you are logged into your WordPress dashboard click on “Plugins” then “Add New”
2. Select "Upload plugin"
3. Select the "divi-builder.zip"
4. Click “Install Now” then “Activate”
5. The plugin is now installed.
*The Divi plugin is included within your web design kit for you to use with your site template. If you would like to receive lifetime updates and support for divi, you can purchase your own divi licence here if you choose.
Upload Templates
How To Add a template to a page
1. Navigate to Pages > All Pages > select a page or create a new page
2. Click the "Use The Divi Builder" button
3. Click the "Build On The Front End" Button
4. Open the divi menu by clicking the purple circle and all the buttons will appear.
5. Next click the portability icon.
6. Click the "Import" tab and choose and upload your site template file. This will be titled something like 'landing-page.JSON'
Click the big blue "Import Divi Builder Layout" button to upload your page template!
7. Choose 'Save Draft' or 'Publish'
8. Complete for each page
Customizing The Template
introducing the visual builder
Divi is best used in visual mode, allowing you to build your page on the front-end of your website!





Change The text
First make sure to select “enable visual builder”
To edit any text, just click on the page and start typing – just like a text document!
Change The fonts + Colors
To change the Fonts or Colors
You can keep it easy and use the templates styling, or choose to customize the fonts and colors:
1. Hover over the text you’d like to style and select the settings cog icon to edit the module
2. Select the “Content” tab and make a note of if the text is heading 1, 2, 3, 4, 5, 6 or paragraph.
3. Select the “Design” tab
If the text was a heading 1, 2 ,3 ,4 ,5 ,6 – you can edit the settings under Title Text.
Here you can customize the title by selecting fonts, sizes and colors and seeing the changes live!
Select the “Design” tab
If the text was a paragraph, can edit the settings under Body Text.
Here you can customize the paragraph body text by selecting fonts, sizes and colors and seeing the changes live!
4. Save!
Feel free to play around if you want to and remember you have access to the helpful “Back” “Forward” “Save” and “Cancel” buttons!
edit the images
Hover your mouse over the image and the module (grey) settings will appear.
1. Select the settings cog icon to edit the background section.
Within the content tab you will find all of the section’s content elements and settings.
2. Click the image and the media library will pop up
3. Select a image or upload a new image
4. Save by clicking the green tick!
You can also click over to the Design Tab and play with all the advanced image settings offered if you wish (but not necessary)
Change The Background
1. Once you’ve navigated to your desired page within the visual builder, hover your mouse over the background and the section (blue) settings will appear.
2. Select the settings cog icon to edit the background section.
Within the content tab you will find all of the section’s content elements and settings.
To Change The Background Color
1. Select the “Background” settings > Color tab to select your prefered color.
Your brand color palette appears at the bottom to easily pick from.
You can also type in the hex color or use the sliders to change the tone and transparency.
2. Save!
To Add An Image Background
1. Select the “Background” settings > Image tab to upload a background image.
2. Save!
Pricing & Buy Buttons
introducing the visual builder
Divi is best used in visual mode, allowing you to build your page on the front-end of your website!





Change The fonts + Colors
First make sure to select “enable visual builder”
To edit any text, just click on the page and start typing – just like a text document!
To change the Fonts or Colors
You can keep it easy and use the templates styling, or choose to customize the fonts and colors:
1. Hover over the text you’d like to style and select the settings cog icon to edit the module
2. Select the “Content” tab and make a note of if the text is heading 1, 2, 3, 4, 5, 6 or paragraph.
3. Select the “Design” tab
If the text was a heading 1, 2 ,3 ,4 ,5 ,6 – you can edit the settings under Title Text.
Here you can customize the title by selecting fonts, sizes and colors and seeing the changes live!
Select the “Design” tab
If the text was a paragraph, can edit the settings under Body Text.
Here you can customize the paragraph body text by selecting fonts, sizes and colors and seeing the changes live!
4. Save!
Add button link
To add a link to the button, hover over the button and select the settings cog icon to edit the module.
1. Select the “Content” tab > Link and add the URL for your button
2. Save!
Customize the button
You can keep it easy and keep the templates styling or to customize the button, keep reading:
Hover over the button and select the settings cog icon to edit the module
1. Select the “Design” tab > Button
Here you can customize the email optin title by selecting fonts, sizes and colors and seeing the changes live!
3. Save!
edit the pricing table
1. Hover over the pricing table and select the settings cog icon to edit the module
2. Select the “Content” tab to customize
You’ll see there are 3 titles that correspond to the 3 pricing options. Click the settings cog to edit each one:
In the next screen you can edit all of the text and details including the title, price, currency
Fill out the details then keep scolling to edit the benefits and buy link.
3. Edit these details and click the green tick.
Customize the pricing table
You have the ability to completely customize the pricing table if you wish, including changing the fonts, sizes, colors and backgrounds.
To customize the pricing table, select the “Design” tab.
You can customize and all changes can be viewed live.
Feel free to play around if you want to and remember you always have access to the helpful “Back” “Forward” “Save” and “Cancel” buttons!
before launch - Test Your buy Links
Obviously, it’s really important to double check all of your buy links!
On the front end of your website you can hover your mouse over any button or link and it will display the linked URL. This is a nice quick way to check.
Alternatively you can just manually click on all your links to make sure everythings working in order!
Also, you can always create trackable links in bit.ly or using a link shortener plugin such as pretty links. This way after your launch you can dive in analyse the stats if that’s something you’d like to persue.
Divi Resources
Accessing your Sites settings
Choose Your URL Structure
1. Navigate to "Settings" > "Permalinks"
2. Select "Post Name"
3. Save
Where to access your site settings?
Blog Settings
Your sites settings can be found by navigating to "Settings" > "Reading"
Options Menu
The theme options menu can be found by navigating to "Divi" > "Theme Options"
Customizer Menu
The customizer menu can be found by navigating to "Divi" > "Theme Customizer"
Module Menu
The customizer menu can be found by navigating to "Divi" > "Module Customizer"
Divi documentation + tutorials
Plugins
favourite plugins
A plugin makes it super easy to add features to your site without knowing a single line of code. It’s like a mini- theme, making it easy to add specific functionality that you simply ‘plug-in’ to your site. Best of all – there is no shortage of plugins.
Because there are literally thousands of plugins available, I’ve compiled a list of my favourite and (what I believe) most useful plugins to add to your WordPress website. Let’s go!
Spam – Akismet Anti-Spam
Social Icons – Simple Social Icons
Social share buttons – Social Warfare
Instagram gallery – lightwidget.com
Affiliate link manager – Shortlinks by Pretty Links
SEO tool – Yoast SEO
Backup and restore tool – UpdraftPlus WordPress Backup Plugin
How to install free plugins
1. After you are logged into your WordPress dashboard click on “Plugins” then “Add New”
2. In the search box, search the plugin’s name.
3.Click “Install” then “Activate”
4. The plugin is now installed.
FAQs
faqs + where to find help
FAQs
Having trouble Downloading your Theme Files
See the Frequently Answered Questions
Access Divi's Own Tutorial Hub
Template Questions
All Web Design Kits have been created for you to DIY on your own, so along with your theme you'll also receive acess to my set up tutorials, the help center and support for bug fixes.
Kindly note, theme customizations that are beyond the demo, and/or general WordPress advice are beyond the scope of our theme support.
It’s for this reason I created my course Womens Wicked WordPress which teaches you how to confidently manage, edit and update your site yourself. It’s like I’m sitting right with you, guiding through Your Site, teaching you empowering skills (and all my tricks + tips) easily and quickly!
If you have divi-specific questions, you might like to see their own tutorial hub or speak to their support team.
Install Service
If you'd like help setting up your theme, I offer a deluxe install service where I will personally install your theme and set up your site like the demo.
Resources
Resources that might be helpful
affiliate program
Start Monetizing Your Online Presence Immediately By Sharing Our Products
Add your custom links to your blog or website (or instagram, youtube channel, email newsletter – or anywhere online) and earn 40% commission for every sale on sugarandcode.com you refer!
womens wicked wordpress
You girls have been voicing your WordPress struggles…
After helping thousands of women start their own site with my Web Design Kits, I kept hearing the same WordPress struggles and frustrations again and again.
“They claim that WordPress is so user friendly, yet I was anything but friendly while trying, for days and days.”
“I want to start my online business, but I literally have no tech skills and no idea where to start.”
“I don’t even know how to edit and update my own site”
And I’ve been listening 
I studyed the pain points, compiled the specific frustrations, brainstormed awesome features you might not even know about, and noted how I managed my own websites, and what I did differently - So that I could empower You to easily and confidently manage, edit and update Your Site, Yourself
The result?
Womens Wicked WordPress
Empowering WordPress Skills To Take You From Clueless To Clever
I created this course as the solution to these pain points, providing Clarity and Confidence
It’s like I’m sitting right with you, guiding through Your Site, teaching you empowering skills easily and quickly (plus all my tips + tricks!)
To Feel Clarity
By building a strong and secure foundation and optimizing your site for growth
To Feel Confident
By understanding how your site works and easily managing, editing and updating your site yourself
To Feel Clever
By quickly implementing new features yourself as your site and brand evolves
Head this way to learn more about Womens Wicked WordPress
After completing the course you’ll understand how your site actually works and confidently use it to your advantage. No more letting the tech side limit your potential or prevent you from growing your blog or business!
Want to go from cluless to clever?
Join my signature course Womens Wicked WordPress!
Copyright © SugarAndCode.com