Tutorial - How to Create an Admin Page on Your Wix Website

Are you designing websites for others and would like to know how your client can change text and images on their website without having to go into the Wix Editor, then this tutorial is for you!



Introduction


We are going to use an "In the Press" page as an example. This page has to be regularly updated whenever someone writes an article about our client's business. We would like our client to update the "In the Press" page herself without having to go into the Wix Editor.


We will need the following for our example:

  1. A regular page called "In the Press" with placeholder images and text.

  2. A dashboard page called "Admin Page" with Input Fields.

  3. A database called "Main In the Press".

  4. A database called "Repeater In the Press".

  5. Connect the databases through a dataset to the Input Fields of the Admin Fields.

  6. Create Tables on the Admin Page and connect the Tables to the datasets.

  7. Connect the placeholder images and texts on the "In the Press" page to the databases through a dataset.


The Input Fields on the Admin Page will be connected to the two database so that the information that will be added by the client will be stored in the databases.

The placeholder images and text on the In the Press Page will be connected to the two databases as well so that they will be replaced with the information from the databases on the live site.


To get a good understanding of how to set up something like the above, we will go through the process in a chronological order. We will first create the design, then setup the databases and then connect everything to the databases.



1. Design the "In the Press" page


Design the "In the Press" page with a placeholder image and text, and add a repeater with a placeholder image and text, to show the articles.


Make sure that you make the text fields wide enough so that they can contain more text.


Our "In the Press" page looks like this in the Wix Editor:

In the press - example page
In the Press Example Page, in the Wix Editor

The pictures and text added to the "In the Press" page are just placeholder pictures and text. They will be replaced by what our client adds to the Admin page on the live website.


To view the live website example, click on "In the Press".



2. Design the Admin Page


We are going to make use of a Dashboard page to create the Admin Page. Dashboard pages are pages you create in the Editor that only appear on your site’s Dashboard.


Because only you and your contributors can access your Dashboard, no other visitor to your site will be able to see or use these pages.


Note that Dashboard pages do not have headers or footers. Read through this Wix Support Page to learn more about Dashboard pages.



2.1 How to Add a Dashboard Page


1. Enable Corvid in the Wix Editor by clicking Turn on Dev Mode.

Enable Wix Corvid
Enable Corvid

2. On the Add menu, click Page, and then click Dashboard Page.

Wix Dashboard Page
Add a Dashboard Page

3. In the Dashboard Pages panel, give your new page a name.


Name the Wix Dashboard Page
Name the Dashboard Page

2.2 Add input fields and upload buttons to your Admin Page.


Now that we have created the Admin page, we are ready to add input fields and upload buttons.


Our Admin page for the "In the Press"example comprises of two parts:

  1. Main image and text input

  2. Repeater input


For the Main image and text we need the following:

  • Text Box to add an introduction text

  • Upload Button to add an image

  • Replace Image & Text button (regular button)


Input Fields and Buttons on the Admin Page
Add Input Fields and Buttons to the Admin Page