Shop

Premade Websites Documentation

Simple step-by-step instructions

Everything you need to set up, customize, and edit your niche websites is here.

Never used Elementor before?

Start with step #1 "Getting started"

Already have Elementor Pro installed?

Start with step #4 "Configuring important settings"

Need help?

Submit a support ticket

These instructions apply to both standard WordPress websites and Woocommerce websites.

WordPress and Elementor Pro

These premade websites only work with a hosted WordPress site and an active paid Elementor Pro subscription.

Elementor Pro

The most popular, user friendly, and recommended page builder for WordPress.

Price: $99/year

Get it here

SiteGround

The most optimized hosting for WordPress and Elementor Pro

Price: $2.99/month

*For the first year. Then the price increases.*

Get it here

Check out alternative WordPress hosting providers here. Or, click here to see Elementor Pro’s very own optimized hosting plans.

How to Install Elementor Pro on WordPress

Once you have purchased a hosting provider, downloaded WordPress on the hosting, and have your Elementor Pro license active, the next essential step is to install Elementor Pro on your WordPress site.

Download your Elementor Pro ZIP file

  • Got to "Billing"
Download Elementor website zip file.
  • "Download ZIP"
Download Elementor website zip file. - Step 3

Install Elementor Pro on WordPress

Follow these step-by-step instructions to easily install and activate Elementor Pro on your WordPress site.

Install Elementor Pro to your plugins directory

In your WordPress dashboard.

  • Go to "Plugins".
Set up Premade Niche WordPress site instructions - Step 1
  • "Add New Plugin".
Set up Premade Niche WordPress site instructions - Step 2
  • "Upload Plugin".
Set up Premade Niche WordPress site instructions - Step 3
  • "Choose file".
Set up Premade Niche WordPress site instructions - Step 4
  • Add the Elementor Pro ZIP file and "Install Now".
Set up Premade Niche WordPress site instructions - Step 5
  • "Activate Plugin".
Set up Premade Niche WordPress site instructions - Step 6
  • Make sure to also install and activate the free Elementor core plugin.
Set up Premade Niche WordPress site instructions - Step 7
  • Continue to connect your account, and following the required steps.
Set up Premade Niche WordPress site instructions - connecting with Elementor pro
Connect/Create your account
Set up Premade Niche WordPress site instructions - connecting with Elementor pro
Continue with Hello theme
Set up Premade Niche WordPress site instructions - connecting with Elementor pro
Skip this step
Set up Premade Niche WordPress site instructions - connecting with Elementor pro
Skip this step
Set up Premade Niche WordPress site instructions - connecting with Elementor pro
Go to WP dashboard

Important WordPress settings

Make sure to configure these settings both in WordPress and Elementor Pro before you upload your Premade website.

Set your WordPress settings

In your WordPress dashboard.

  • Delete all default content in pages and posts.
Select all default pages
Select all default pages
Set up Premade Niche WordPress site instructions - Step 20
Go to bulk actions
Set up Premade Niche WordPress site instructions - Step 21
"Move to trash" and apply
Set up Premade Niche WordPress site instructions - Step 23
Same for all posts

Make sure you are using the HTTPS protocol

In your WordPress dashboard.

  • Go to "Settings", and make sure your url is secure (https)
Use the HTTPS protocol

Permalinks

In your WordPress settings, set your permalinks structure to “Post name”.

  • In the permalinks settings. Set it to "Post name" and save settings.
Set up Premade Niche WordPress site instructions, use the post name permalink structure

Set your Elementor general settings

In your Elementor settings.

  • In the Elementor "General" settings, disable the default theme settings and save.
Set up Premade Niche WordPress site instructions - Step 27
Disable default colors
Set up Premade Niche WordPress site instructions - Step 28
Disable default fonts
Set up Premade Niche WordPress site instructions - Step 29
Save changes

Elementor advanced settings

Your Premade website includes SVG files so it is important to enable the “Unfiltered File Uploads”.

  • Enable unfiltered file uploads. Save settings.

Set your Elementor featured settings

In your Elementor featured settings tab.

IMPORTANT: These features must be turned on for the websites to upload and function correctly.

  • Make sure the following features are enabled: Nested Elements, Menu, Flexbox Containers, Grib Containers, and Taxonomy filter.
Set up Premade Niche WordPress site instructions - Step 30
Features settings
Set up Premade Niche WordPress site instructions - Step 31
Enable Nested Elements
Set up Premade Niche WordPress site instructions - Step 32
Enable Menu
Premade websites featured settings, enable Taxonomy filter
Enable Taxonomy Filter
Set up Premade Niche WordPress site instructions - Step 33
Save changes

Uploading your niche website in a few clicks

Adding your Premade niche website is quick and easy. Just make sure that you follow these steps carefully.

Please note: You should only upload these Premade sites to a blank WordPress site. If you are uploading to an existing site, please make a backup before uploading.

Upload your Elementor Kit

Most of your website content is within the ZIP file named after the website niche.

  • Go to Elementor "tools", head to the "Import/Export" tab and import your website ZIP file
Set up Premade Niche WordPress site, upload the elementor site kit
Set up Premade Niche WordPress site, upload the elementor site kit
Upload the Elementor site kit

Continue to follow the steps

Make sure to include everything so that you can benefit from all the website features and content.

  • Add the ZIP file named "For Elementor" and follow the steps.

Make sure to include everything so that you can benefit from all the website features and content.

Set up Premade Niche WordPress site, upload the elementor site kit
Select your website ZIP file
Set up Premade Niche WordPress site, upload the elementor site kit
Click continue
Click next
Click next
Click Import
Click Import
Success!
Success!
  • Once the upload is complete, it should look something like this:
Elementor Site kit upload finished

NOTE: If you get stuck on the download page, please close the window and upload the Elementor ZIP file again.

Activate plugins

Some plugins like Woocommerce require you to create an account so are not activated by default.

  • Head to "Plugins" and activate all plugins.
How To Activate a Plugin in WordPress - Step 2
Plugins
How To Activate a Plugin in WordPress - Step 3
Activate Woocommerce

Uploading your WordPress content

This is the part where you add the pre-configured Advanced Custom Fields (ACF) custom post types and fields that allow for a dynamic website.

Upload the XML file to WordPress

After uploading the website ZIP file in the previous step, you need to add the rest of your WordPress content files.

  • In the WordPress "Tools" tab, select "Import".
Got to "Tools" and "Import"
Got to "Tools" and "Import"
"Install Now"
"Install Now"
"Run importer"
"Run importer"
Choose the XML file from computer
Choose the XML file from computer
Import file to WordPress
"Upload and import"
Select your current admin user
Select your current admin user
Check the box
Check the box
"Submit"
"Submit"

NOTE: Please be patient as this may take a few minutes depending on the size of the site.

Assign the correct WordPress pages

Now that you have uploaded the WordPress file, it is important to make sure that WordPress knows what pages are which.

  • In the WordPress "Settings" tab, select "Reading".
Set Up Static Front Page in WordPress - Step 2
Go to "Reading"
Set Up Static Front Page in WordPress - Step 3
Click "A static page"
Set Up Static Front Page in WordPress - Step 4
Ensure "Homepage" is set to "Home"
Set Up Static Front Page in WordPress - Step 5
Ensure "Posts Page" is set to "Blog"
Set Up Static Front Page in WordPress - Step 6
"Save Changes"
  • (WOOCOMMERCE ONLY) In "Settings" tab, go to "Products", and select the "Shop" page
How To Set Up Shop Page in WordPress - Step 2
Woocommerce settings
How To Set Up Shop Page in WordPress - Step 3
Products
How To Set Up Shop Page in WordPress - Step 4
Select the "Shop" page
How To Set Up Shop Page in WordPress - Step 5
Shop page

Remove the "uncategorized" categories

By default, WordPress includes an “uncategorized” category which you do not need. Let’s remove it.

  • In "Categories", set any other category as default, and delete the uncategorized one.

This process applies to “Post” categories too.

Setting Default Category and Deleting Others - Step 2
In "Categories"
Setting Default Category and Deleting Others - Step 3
Make one default
Setting Default Category and Deleting Others - Step 4
Delete Uncategorized

IMPORTANT: Replace URLs

After uploading the website, you must replace the old URL with the new one (your URL).

  • In Elementor tools, replace the old URL with your URL.

**Note: The old URL is provided to you after purchase.

Head over to "Tools"
Head over to "Tools"
Click the "Replace URL" tab
Click the "Replace URL" tab
Paste the old URL
Paste the old URL
Copy the current URL
Copy the current URL
Paste it in the "New URL" field
Paste it in the "New URL" field
Click "Replace URL"
Click "Replace URL"
Click "OK"
Click "OK"

(Recommended) Upload the bonus code snippets

As part of the bonus features, all premade websites come with code snippets for better functionality.

Upload the code snippets

You should have a plugin named “Code Snippets” in the WordPress dashboard.

  • Hover on "Code Snippets" and click on "Tools". Upload the code snippets file. Then, activate all code snippets.
Import Snippets in WordPress Admin - Step 2
Open tools in Code Snippets
Import Snippets in WordPress Admin - Step 3
Upload the "code snippets" file
Import Snippets in WordPress Admin - Step 4
Import
Import Snippets in WordPress Admin - Step 5
Go to snippets
Import Snippets in WordPress Admin - Step 6
Select all snippets
Import Snippets in WordPress Admin - Step 7
Activate all
Import Snippets in WordPress Admin - Step 8
Apply

NOTE: Please be patient as this may take a few minutes depending on the size of the site.

Assign the correct WordPress pages

Now that you have uploaded the WordPress file, it is important to make sure that WordPress knows what pages are which.

  • In the WordPress "Settings" tab, select "Reading".
Set Up Static Front Page in WordPress - Step 2
Go to "Reading"
Set Up Static Front Page in WordPress - Step 3
Click "A static page"
Set Up Static Front Page in WordPress - Step 4
Ensure "Homepage" is set to "Home"
Set Up Static Front Page in WordPress - Step 5
Ensure "Posts Page" is set to "Blog"
Set Up Static Front Page in WordPress - Step 6
"Save Changes"
  • (WOOCOMMERCE ONLY) In "Settings" tab, go to "Products", and select the "Shop" page
How To Set Up Shop Page in WordPress - Step 2
Woocommerce settings
How To Set Up Shop Page in WordPress - Step 3
Products
How To Set Up Shop Page in WordPress - Step 4
Select the "Shop" page
How To Set Up Shop Page in WordPress - Step 5
Shop page

Remove the "uncategorized" categories

By default, WordPress includes an “uncategorized” category which you do not need. Let’s remove it.

  • In "Categories", set any other category as default, and delete the uncategorized one.

This process applies to “Post” categories too.

Setting Default Category and Deleting Others - Step 2
In "Categories"
Setting Default Category and Deleting Others - Step 3
Make one default
Setting Default Category and Deleting Others - Step 4
Delete Uncategorized

IMPORTANT: Replace URLs

After uploading the website, you must replace the old URL with the new one (your URL).

  • In Elementor tools, replace the old URL with your URL.

**Note: The old URL is provided to you after purchase.

Head over to "Tools"
Head over to "Tools"
Click the "Replace URL" tab
Click the "Replace URL" tab
Paste the old URL
Paste the old URL
Copy the current URL
Copy the current URL
Paste it in the "New URL" field
Paste it in the "New URL" field
Click "Replace URL"
Click "Replace URL"
Click "OK"
Click "OK"

Make sure everything is set up correctly and working...

No WordPress process is perfect. Here is how you make sure all your settings, WordPress content, and Elementor pages/templates are working.

Check your WordPress settings

Make sure your WordPress settings are all good.

  • Go to "Settings" and "Reading". Make sure your Home, Shop (for Woocommerce) Blog pages are set correctly.
Set Up Static Front Page in WordPress - Step 2
Go to "Reading"
Set Up Static Front Page in WordPress - Step 3
Click "A static page"
Set Up Static Front Page in WordPress - Step 4
Ensure "Homepage" is set to "Home"
Set Up Static Front Page in WordPress - Step 5
Ensure "Posts Page" is set to "Blog"
Set Up Static Front Page in WordPress - Step 6
"Save Changes"
  • (Woocommerce) Make sure you "Shop" page is set correctly
How To Set Up Shop Page in WordPress - Step 2
Woocommerce settings
How To Set Up Shop Page in WordPress - Step 3
Products
How To Set Up Shop Page in WordPress - Step 4
Select the "Shop" page
How To Set Up Shop Page in WordPress - Step 5
Shop page

Pages and sections are not displaying correctly

Sometimes, the Elementor pages/templates/sections/header/footer etc. are not displaying correctly. This can usually be easily fixed by simply “Saving Changes” in the Theme Builder.

  • Head over to the Elementor "Theme Builder". Select a template and edit conditions.
Go to "Theme Builder"
Go to "Theme Builder"
Select any
Select any
Edit " Display Conditions"
Edit " Display Conditions"
Select the same setting
Select the same setting
"Save Changes"
"Save Changes"
Close
Close

Custom fonts are not displaying correctly

It may be that your custom fonts were not uploaded correctly during the process. This can easily be fixed by quickly adding them manually.

  • Go to Elementor "Custom Fonts", select the font you wish to edit, and import the WOFF (or WOFF2) files manually from the "All Media Files" folder.
Upload Custom Fonts in WordPress Admin - Step 2
Upload Custom Fonts in WordPress Admin - Step 3
Upload Custom Fonts in WordPress Admin - Step 4
Upload Custom Fonts in WordPress Admin - Step 5
Upload Custom Fonts in WordPress Admin - Step 6
Upload Custom Fonts in WordPress Admin - Step 7
Upload Custom Fonts in WordPress Admin - Step 8
Upload Custom Fonts in WordPress Admin - Step 9

Important!

Always make sure to regenerate CSS files and data + Purge Cache after applying any of the above edits.

Purge Cache
Purge Cache
How To Purge Cache And Regenerate Files - Step 3
Regenerate CSS & Files
Regenerate CSS & Files
How To Purge Cache And Regenerate Files - Step 5

How to easily replace the WordPress media

Although you are free to use any of the included media files, you may decide to replace them with your own media content.

Activate the media replacement tool

The free included ASE plugin makes this extremely easy.

  • Go to "Tools" and select "Enhancements". Activate the "Media Replacement" option. Save changes.
Got to enhancements
Got to enhancements
Activate the media replacement tool in ASE
Activate media replacement
Update Blogger Media File and Details - Step 4 1
Save changes

Replace your images directly in the WordPress Media folder

Now, you can easily replace your images from within the media folder in your WordPress dashboard. 

  • Head over to the Media folder. Select the image you want to replace. Go to "edit more details", and select the "Replace New Media" button. You can now proceed to upload a new image.
Go to the WP media folder
Go to Media
Select a media file
Select media you want to change
Edit more details
Click "edit more details"
Replace the media file
Select the "Replace New Media" button

Pro tip: Use this tool to upload your images in WEBp format and keep them under 120kb in size.

Get in Touch

Still Need Assitance?

Email me or submit a support ticket. You should get an answer within 24 hours.

Submit a ticket

Use the form to submit a question or issue. Please be as detailed as possible and upload a screenshot whenever posible.

Submit a ticket

Email

Send an email to help@premadewebsites.co

Send an email

Whatsapp

Please remember that if you are a paying customer, you have access to WhatsApp support.

The Menu

Where would you like to go from here?

help premade websites premadewebsites.co