Thank You / Tripwire Page
Set up and restyle your template to your branding with the below 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!
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
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!
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!
Edit the images
*This image is actually one of our Canva Lead Magnet templates available to buy from our toolkit shop!
You can use this PDF template to create a downloadbale freebie for your landing page or a small priced digital product for a tripwire page.
Alternatively you can replace it with any image you like.
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)
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!
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