You will learn to Install & Activate Divi Theme along with the installation instructions for getting your Transcend Website Kit (child theme) uploaded to your website.
Getting Started
Set up your hosting & domain, purchase Divi & get your Divi license, Install Divi Theme
Step 1: Hosting & Divi License
To get started with a Website Kit, you need to have:
1- Self-Hosted WordPress
2- A Divi Theme License
Need Step-By Step help setting up Hosting/Domain with Bluehost?
BlueHost Hosting Setup Tutorial (contains affiliate links)
Need Divi Theme License?
Click here to purchase your own Divi Theme website license (affiliate link)
No idea what Divi Theme is and want to learn more?
Read my blog post “5 Reasons Why Divi Theme Is The Ultimate Tool For Beginners and Pros”
Step 2: One Click Website Installation
Effortlessly install your new website in just a matter of minutes! Once installed, your complete website kit will look and function exactly like the demo site of the website kit you purchased.
After installation is complete, I will walk you through how to customize every element of your website kit to make it uniquely yours.
2-1 Install Plugin
In your WordPress Dashboard, navigate to > left grey sidebar > click “Plugins” > once you are on the Plugins page, click the “Add New” button at the top of the Plugins Page
Next, Click “Upload Plugin”
Then click “Choose File”. Locate the zip file you downloaded upon purchase from Launched Creative. (Please leave the file in .zip format for upload)
Once you’ve selected the zip file, click “Install Now”
Once Plugin is installed, click “Activate”
Locate the Complete Website Kit in the Left Toolbar of your WordPress Dashboard and click the kit to be taken to the import settings page.
Once in the Importer, choose the settings you would like for Import/Installation
*Note: Before importing the site, you have the option not to set the home page, menus or Theme Option and Customizer settings on an individual basis.
This may be useful if you wish to simply import pages and layouts without affecting how your current live site looks.
If you want your website to function exactly how the demo site functions right away, please do not de-select any import options.
Once you’ve made all you import selections, click “Begin Site Import”
Once you hit the Import button, the Import Log will load, showing the progress of the import and confirming successful imports.
**Set Permalink Structure on your website prior to getting started on customizations. Instructions & video found below in Step 3 box.
Technical Stuff
Set Link Structure (permalinks)
Complete this action regardless of manual or one click installation
Video Walkthrough:
Setting Permalinks (the link structure of your website)
Step 3: Set Permalinks Structure (Your website links)
Updating Your Permalink Structure
This will update the way your links are structured for your website.
In the wordpress dashboard, scroll down to Settings > Permalinks
Choose whichever structure you want, we prefer “Post name” which gives your pages and posts a URL such as https://launchedcreative.com/kits instead of https://launchedcreative.com/?p=123
After you choose your permalink structure, click “Save Changes”.
You can now get started customizing your website
Manual Installation
For customers who Purchased & Downloaded Transcend Kit prior to 25 January 2021. Please skip the following instructions if you used the one-click install above.
You will learn to Install & Activate Divi Theme along with the installation instructions for getting your Transcend Website Kit (child theme) uploaded to your website.
Step 2: Install Divi Theme
2-1 Install the Divi Theme
Installing the Divi theme is simple! Watch the following video or read the steps below.
Find The File: Divi.Zip
You will need to download the Divi.Zip file located in your Elegant Themes account dashboard to complete the next step.
If you have not yet downloaded your Divi.zip file, you’ll need to: Login to your Divi Account to retrieve it.
In your Elegant Themes dashboard, click, downloads and download under the Divi symbol. Don’t exit your account just yet, you’ll need it for the last step in this process.
Installing Divi Theme on Your WordPress
- Click over to your WordPress Dashboard > Appearance > Themes.
- Next, click “Add New”
- Click “Upload Theme”
- Choose the Divi .zip file and upload.
- Click “Activate”
Divi Theme is now installed!
2-2 Add your Username & API key to Divi to receive updates
- In your WordPress Dashboard, scroll down to Divi and click > Theme Options
- Click the tab labeled “Updates”
- Enter your elegant themes username
- Enter your API Key (found in your Elegant Themes account and pictured below)
- Click “Save Changes”
Your Divi Theme will now be able to accept updates as they come through.
Step 3: Install "Transcend" Child Theme
Install the Transcend Divi Child Theme
Now that you have Divi Theme installed, can now upload the Transcend Child Theme. (A child theme contains the pre-made styling and coding to the “parent theme” Divi. Parent themes come as a blank slate and the child theme contains what you need to make it look like the Transcend demo site)
You will follow the same process as installing and activating the Divi theme. Watch the following video or read the steps below for guidance.
Find The File: Transcend.zip
For this step, you will need the Transcend.Zip file located in the Transcend Website Kit downloaded from the Launched Website after purchase. If you need to retrieve the file again, log in to your account dashboard on Launched Creative and download.
Click over to your WordPress Dashboard and on left sidebar click > Appearance, then click > Themes.
- Click “Add New”
- Click “Upload Theme”
- Choose the Transcend-child.zip file and upload.
- Click “Activate”
Your Transcend Child Theme is now installed and you are totally rocking this!
Step 4: Import Custom Settings
Import Kit Settings, Page Templates, and Theme Build Settings
Now that your Child Theme is installed on your website, you will need to upload a few additional files to get you set up.
Find The Folder: Imports
In your Transcend.zip file, there is a folder labeled “Imports”. You will need the files within that folder for the following steps.
4-1 Import Transcend Theme Options
Find The File: Divi Theme Options.json
Found in your Transcend.Zip folder under “Imports”.
- In your WordPress Dashboard, scroll down to Divi and click > Theme Options
- Click the up and down (export/import) arrows on the right-hand side.
- Click “Import”.
- Upload “Divi Theme Options.json”
4-2 Import Transcend Customizer Settings
Find The File: Divi Customizer Settings.json
Found in your Transcend.Zip folder under “Imports”.
- In your WordPress Dashboad, scroll down to Divi and click > Theme Customizer
- Click the up and down (export/import) arrows on the left-hand side.
- Click “Import”.
- Upload “Divi Customizer Settings.json”
- Click “publish” and then click to exit the customizer once changes have been saved.
4-3 Import Theme Builder Templates
Find The File: Divi_Theme_Builder_Templates.json
Found in your Transcend.Zip folder under “Imports”.
- In your WordPress Dashboad, scroll down and hover over Divi and click > Theme Builder
- Click the up and down (export/import) arrows on the right hand side
- Click “Import”.
- Upload “Divi_Theme_Builder_Templates.json”
- Click “Save Changes” once the templates have successfully uploaded to this page.
4-4 Import Divi Builder Layouts
Find The File: Divi Builder Layouts.json
Found in your Transcend.Zip folder under “Imports”.
- In your WordPress Dashboad, scroll down to Divi and click > Library
- Click the Import/Export button on the top right hand corner of the page.
- Click “Import”.
- Upload “Divi Builder Layouts.json”
You can expect these files to take several minutes to load. If your screen goes blank and hangs for a while, you can click refresh. If your files have uploaded, they will show in your Divi Library.
Etsy Purchasers Step 4: Import Custom Settings
Import Kit Settings, Page Templates, and Theme Build Settings
Now that your Child Theme is installed on your website, you will need to upload a few additional files to get you set up.
Find The Zipped Files: Transcend_Imports, Transcend_Builder_Imports1, and Transcend_Builder_Imports2
Within each of these files is a folder labeled “Imports”. You will need the files within that folder for the following steps.
All files need to be unzipped or removed from main folder to be uploaded as a single file to each area listed below.
4-1 Import Transcend Theme Options
Find The File: Divi Theme Options.json
Found in your Transcend_Imports.Zip folder under “Imports”.
- In your WordPress Dashboard, scroll down to Divi and click > Theme Options
- Click the up and down (export/import) arrows on the right-hand side.
- Click “Import”.
- Upload “Divi Theme Options.json”
4-2 Import Transcend Customizer Settings
Find The File: Divi Customizer Settings.json
Found in your Transcend_Imports.Zip folder under “Imports”.
- In your WordPress Dashboad, scroll down to Divi and click > Theme Customizer
- Click the up and down (export/import) arrows on the left-hand side.
- Click “Import”.
- Upload “Divi Customizer Settings.json”
- Click “publish” and then click to exit the customizer once changes have been saved.
4-3 Import Theme Builder Templates
Find The File: Divi_Theme_Builder_Templates.json
Found in your Transcend_Imports.Zip folder under “Imports”.
- In your WordPress Dashboad, scroll down and hover over Divi and click > Theme Builder
- Click the up and down (export/import) arrows on the right hand side
- Click “Import”.
- Upload “Divi_Theme_Builder_Templates.json”
- Click “Save Changes” once the templates have successfully uploaded to this page.
4-4 Import Divi Builder Layouts
Find The File: Divi Builder Layouts.json
Found in your Transcend_Builder_Imports1.Zip and Transcend_Builder_Imports2 folder under “Imports”.
- In your WordPress Dashboad, scroll down to Divi and click > Library
- Click the Import/Export button on the top right hand corner of the page.
- Click “Import”.
- Upload “Divi Builder Layouts1.json”
- Follow above directions to Upload “Divi Builder Layouts2.json”
You can expect these files to take several minutes to load. If your screen goes blank and hangs for a while, you can click refresh. If your files have uploaded, they will show in your Divi Library.