Wordpress Ux Builder User Guide: Date: 2 April 2019

WORDPRESS UX BUILDER USER
GUIDE
Date: 2 April 2019

Version: 1.0
This proposal is v alid for 30 days only and subject to change after that time.
1
2
Table of Contents
Add New Page ....................................................................................................................................... 3
Add a Blog Post ...................................................................................................................................... 5
Add new photos to Media Library ....................................................................................................... 7
Add new products to WooCommerce ............................................................................................... 8
Add photos to page (UX Builder) ....................................................................................................... 11
Changing images in a Slider (UX Builder).......................................................................................... 13
Updating text in a slider (UX Builder).................................................................................................. 14
Adding a new WordPress user ............................................................................................................ 15
Changing the site email ...................................................................................................................... 17
Adding new files (DOC and PDF) and using the link on a button on a page............................. 18
Gravity Forms ........................................................................................................................................ 22
Checking form entries (Gravity Forms).............................................................................................. 26
Editing the form confirmations pages (Gravity Forms).................................................................... 27
Editing the form Notifications pages (Gravity Forms)...................................................................... 28
Editing the form Emails ......................................................................................................................... 28
www.humanpixel.com.au
3
Add New Page

Step 1: Go to Dashboard → Pages → Add New
Step 2 →After clicking on “Add New” you will see the following window:
4
You can add Page Title in the given area and in the right side of window
you can see many page options like “Featured Image” to give a feature
image to your page and “Page Attribute” to set page attributes.
Step 3 → At the end you need to click on “Publish” Button at the top right
corner to publish your page on web.
5
Add a Blog Post

Step 1: Go to Dashboard → Posts → Add New
Give a title to your Post and here are more options for the post in the
right side. You can set category of post and assign a feature image to
the post.
6
Step 3 → At the end you need to click on the “Publish” Button at the top
right corner to publish your post on web.
7
Add new photos to Media Library

Step 1: Go to Dashboard → Media → Add new
By clicking on “Select Files” you can add files to your media library.
8
Add new products to WooCommerce

Step 1: Go to dashboard  Products  Add New
After clicking on add new you will see a new page where you can add
information of the product.
Step 2: Enter product name and product description in the fields as shown
in the image below:
Step 3: Select product category, set product price and select image of
product. See image below:
9
Step 4: Here you can add a short description and gallery images of your
product as shown in the image below:
Step 5: Click on inventory tab. Here you can add sku code(Stock-keeping
unit, a unique identifier for each distinct product ) and stock status of your
product. See image below:
10
Step 6: Click Publish.
11
Add photos to page (UX Builder)

Step 1: Go to Site → Edit with UX builder
Step 2: Click on blue button (Add to Content) to add content,photos,

rows, columns to the site. Shown below:
Step 3: After clicking on the “Add to Content” button, you will find the
following window. Here you will see 2 options to add photo to the page.
12
Step 4: Select photo from library. At the end click on apply button after
that you need to click on update button.
13
Changing images in a Slider (UX Builder)

Step 1: Click on “options”.
Step 2: After that click on “Change Media” button to change the image
in slider. And upload new photo.
14
Updating text in a slider (UX Builder)

Step 1: In the text field click on “Options”.
Step 2: You can change the text in the “Text Editor”. At the end click on
“Apply” button and update your page.
15
Adding a new WordPress user

Step 1: Go to Dashboard → Users → Add New
Step 2:
16
Fill all the values required to add a user. Select role of user (Subscriber,
Contributor, Author, Editor and Administrator). At the end clicks on the
Add New User.
17
Changing the site email

Step 1: Go to Dashboard → Settings → General
Step 2:
After changing the email address save changes by clicking on “Save”

Button at the bottom.
18
Adding new files (DOC and PDF) and using the link
on a button on a page
(UX Builder and Media Library)
Step 1: Go to Dashboard → Media → Add New
Step 2: select the DOC or PDF Files you want to upload to the library:
Step 3: Edit your page with UX Builder and add button to the page:
19
Search for the button in the elements:
After selecting the button you will see the screen like:
20
Enter URL of your DOC/PDF file and click on the apply button and
update your site.
Following screenshot will help you to get url of doc/pdf file:
Go To Media > Library
Click on the document and you will see:
21
Use this URL in the link field of button. When you click that button it will
redirect you to this URL.
22
Gravity Forms
Step 1 : Go to Dashboard > Forms > Add new
After that fill the following fields and click on Create Button.
Following screenshots will help you in learning Gravity Forms:
23
3. Edit field options
24
25
26
Checking form entries (Gravity Forms)

Step 1: Go to Dashboard > Forms > Form Settings
Save the changes.
27
Editing the form confirmations pages (Gravity

Forms)
Go to Dashboard > Forms > Confirmations >
Here you can change settings.
28
Editing the form Notifications pages (Gravity Forms)

Editing the form Emails
Go to Dashboard > Forms > Notifications > Admin Notifications>
Here you can change Notifications setting or emails. At the end don’t
forget to save the changes.

Wordpress Ux Builder User Guide: Date: 2 April 2019

Uploaded by

Copyright:

Available Formats

You might also like

Wordpress Ux Builder User Guide: Date: 2 April 2019

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Wordpress Ux Builder User Guide: Date: 2 April 2019

Uploaded by

Copyright:

Available Formats

WORDPRESS UX BUILDER USER

Date: 2 April 2019

Add New Page

Add a Blog Post

Add new photos to Media Library

Add new products to WooCommerce

Step 6: Click Publish.

Add photos to page (UX Builder)

Step 2: Click on blue button (Add to Content) to add content,photos,

Changing images in a Slider (UX Builder)

Updating text in a slider (UX Builder)

Adding a new WordPress user

Changing the site email

After changing the email address save changes by clicking on “Save”

Search for the button in the elements:

Click on the document and you will see:

Following screenshots will help you in learning Gravity Forms:

3. Edit field options

Checking form entries (Gravity Forms)

Save the changes.

Editing the form confirmations pages (Gravity

Here you can change settings.

Editing the form Notifications pages (Gravity Forms)

You might also like