ANDY’S CANDY

WEBSITE SUPPORT

LOG IN

LOGGING IN TO WORDPRESS

To log in to your website’s WordPress dashboard, append “/wp-admin” to the homepage URL of your website and hit “enter” or “return” on your keyboard. For example:

MyWebsite.com/wp-admin

On the login screen, enter the username and password provided to you.

The WordPress login screen

PAGES AND MENUS

VIEWING YOUR WEBSITES PAGE LIST

To see all pages:

1. From your WordPress dashboard, select “Pages” in the left-hand menu.

2. Select “All Pages” in the “Pages” submenu.

3. All pages are listed here for review. You may toggle between “All” “Published” and “Drafts” or search for a specific page.

You may edit, delete, or duplicate a page through this menu.

Note that by default, this page will only show 20 pages. If you do not see the page you are looking for, you can search for it by using the search box near the top right of the page, or you may click to the next page of listings by clicking the “>” arrow toward the bottom right of the page.

Select “All Pages” in the “Pages” submenu
(Step 2)

The “Pages” page
(Step 3)

DUPLICATING A PAGE

To duplicate a page:

1. From the “Pages” page in your WordPress dashboard (see above), hover over the title of the page you’d like to duplicate.

2. Click  the ”Duplicate Page” prompt under the page title.

3. After the page reloads, you should find the duplicated page in your pages list with the word “Copy” appended to the original name.

4. You can then click on the page to edit it as you would any other page (see below, “Edit Content of a Page”).

Click the “Duplicate Page” prompt
(Steps 1, 2)

A newly duplicated page
(Step 3)

CREATE A BRAND NEW PAGE

To create a new page:

1. From your WordPress dashboard, select “Pages” in the left-hand menu.

2. Select “Add New” in the Pages submenu.

3. Type the page’s title in the field labeled “Enter title here” and then click the blue “Publish” button to the right to publish your page.

See “Edit content of a page” below for how to add and edit content on your new page.

Select “New Page”
(Steps 1, 2)

Publish a new page
(Step 3)

ADDING A PAGE TO THE MENU

To add a page to your menu:

1. From your WordPress dashboard, hover over “Appearance” in the left-hand menu and then select “Menus”.

2. In the box on the left-hand side of the page titled “Pages”, you can see a list of your recent pages. You can also click “View All” to see a list of all your pages, or click “Search” to search for your page name.

3. Select the checkbox next to the name of the page you’d like to add to your menu and then select click the “Add to Menu” button.

4. Your page should now be added to your menu along the right. You may click and hold the page to drag it into the position that you’d like within your menu. To create a sub-menu, drag the item under an existing menu item, then drag to the right to indent it under an existing menu item.

5. When finished, click the “Save Menu” button either on the top or bottom of the page.

The new page should now be in your menu.

Select “Menus”
(Step 1)

Select a page
(Step 3)

Rearranging pages in the menu
(Step 4)

EDIT OR REMOVE A PAGE FROM THE MENU

To edit or remove a page from your menu:

1. From your WordPress dashboard, hover over “Appearance” in the left-hand menu and then select “Menus”.

2. In the “Menu Structure” section, click the down arrow next to the menu item you’d like to edit or remove.

3. Edit the menu item by modifying the value in the “Navigation Label” field or remove the menu item by clicking “Remove”.

4. When finished, click the “Save Menu” button either on the top or bottom of the page.

Your edits should now be reflected in the menu.

Select “Menus”
(Step 1)

Expand the menu item you’d like to edit
(Step 2)

Edit the menu item and click “Save Menu”
(Steps 3, 4)

EDITING AND ADDING CONTENT

EDIT CONTENT OF A PAGE

To edit the contents of a page, select “Edit” when hovering over the page you would like to edit in your “All Pages” menu (detailed above).

After the “Edit Page” screen loads:

1. Hover over any element to display its green “edit” submenu.

2. Select the pencil icon to open the element’s editable options. You may also delete the element by clicking the trashcan icon, or duplicate the element by clicking the duplicate button.

3. If you are editing a text block, you can now edit its content directly and format it using the formatting bar. Other elements besides text boxes can be adjusted and updated, as well.

4. After you have finished making your edits, click the “Save Changes” button at the bottom of the popup window and then scroll to the top of the page and click the blue “Update” button near the top right-hand side of the page. This will update the live webpage with your edits.

The “Edit Submenu”
(Steps 1, 2)

Edit a text block
(Step 3)

Click “Update” to publish changes
(Step 4)

VISUAL COMPOSER OVERVIEW

OVERVIEW
Visual Composer lays the foundation of how pages on your website can be interacted with and edited on the back end of your website. Every page is organized into “rows” that run horizontally and “columns” that run vertically.

ROWS AND COLUMNS
Rows and columns can also be nested inside of one another and all content is built out within them. You may edit a row’s settings by clicking the pencil icon along the top right of a row and you may edit a column’s settings by clicking the pencil icon along the top-center of a column. You may edit how many columns a row has by hovering over the “Row Layout” button along the top left of the row. The “Row Layout” button features a set of lines and looks like a paragraph symbol. Details on how to add a new row to a page can be found in the tab below titled “Adding New Elements to a Page”.

REARRANGING EXISTING CONTENT AND ELEMENTS
Visual composer allows for easy rearrangement of existing content by allowing every element to be dragged and dropped into place. Select any element by clicking and holding over the element name or dragging its icon. While dragging, you may move the element to anywhere else within the page that you’d like.

DUPLICATING EXISTING CONTENT AND ELEMENTS
Visual composer also allows for the duplicating of elements that are already built out. Simply hover over an element and select the “duplicate” button (which looks like two squares). The newly-duplicated element’s settings and content will remain the same as the original element until you edit them. This is useful in allowing you to re-use already designed elements.

MAKING REVISIONS
After editing any elements or adding new elements to a page, you must click the blue “Update” button near the top of the page on the right-hand side. This will save and publish your changes to the page.

ADDING NEW ELEMENTS TO A PAGE

OVERVIEW
To add new elements to a page you are editing, click the “+” button closest to where you would like your new element to appear. Upon clicking the “+”, the “Add Element” popup window will appear. There are many different kinds of elements to choose from, each providing unique design and content options. For the purpose of our support, we will cover the five most commonly used elements below: Row, Text Block, Single Image, Spacer and Advanced Button. Feel free to experiment with any of the other elements not covered here as desired or needed.


1. ROW
Every element or block of content used on a page should be inside of a row. If you’re editing an existing page, the content is already inside of rows. If you’re adding a new section (whether to an existing or brand new page), you will want to start by creating a new row.

To add a new row to a page:

1. Click the + at the top left or very bottom of the “Visual Composer” section of your “Edit Page” page.

2. Select “Row” and then navigate to the newly added row in Visual Composer. Select the edit button along the top right of its section (The pencil icon) to edit the row settings.

3. Rows can be set to be “In Container”, “Full Width Background” and “Full Width Content”. If you are adding a background image, you’ll want either “Full Width Background or “Full Width Content” for it to display properly. You can also edit the background image, background color, text alignment and text color of the row from this menu. Once your settings are defined, click “Save Changes” at the bottom.


2. TEXT BLOCK

Text blocks are perfect for housing any copy you’d like to feature on a web page. They feature an editing toolbar to allow for full customization of the text you’d like to use.

To add a new text block to a page:

1. Click the + at the top left or very bottom of the “Visual Composer” section of your “Edit Page” page.

2. Select “Text Block” and enter your text in the “Text Block Settings” pop up window. You may edit your text with the text toolbar which includes options for font styles, paragraph alignment and multiple style editing controls. You may also click the “Design” tab to edit padding, margin, border and background color options. After any changes, click the “Save Changes” button at the bottom of the text block window.


3. SINGLE IMAGE

Single images allow for featuring images on  your webpage.

To add a new single image to a page:

1. Click the + at the top left or very bottom of the “Visual Composer” section of your “Edit Page” page.

2. Search for or select “Single Image” in the “Add Element” menu. On the “Single Image Settings” screen, click the “Set Image” box (with the green plus sign) to upload a new image or select one from your media library. Once you upload or select your image, click the “Set Image” button along the bottom of the pop up.

3. You may edit image alignment and animation options from the “Single Image Settings” popup.

4. When finished, select the “Save Changes” button and don’t forget to “Update” the page for changes to take affect.


4. SPACER

Spacers allow for adding spacing to a page between elements.

To add a new spacer to a page:

1. Click the + at the top left or very bottom of the “Visual Composer” section of your “Edit Page” page.

2. Search for or select “Spacer/Gap” in the “Add Element” menu. On the “Spacer/Gap Settings” screen, enter values for each screen size and then click save. A general rule of thumbs is for tabs to be approximately 1/2 of desktop and mobile to be 1/4 but tweak your values until it looks the way you want.

3. When finished, select the “Save Changes” button and don’t forget to “Update” the page for changes to take affect.


5. ADVANCED BUTTON

To add a new advanced button to a page:

1. Click the + at the top left or very bottom of the “Visual Composer” section of your “Edit Page” page.

2. Search for or select “Advanced Button” in the “Add Element” menu. On the “Advanced Button Settings” screen, you may edit the buttons title, colors, links, font and alignment options.

3. When finished, select the “Save Changes” button and don’t forget to “Update” the page for changes to take affect.

PRODUCTS

VIEWING YOUR WEBSITES PRODUCT LIST

To see all products:

1. From your WordPress dashboard, select “Products” in the left-hand menu.

2. All products are listed here for review. You may toggle between “All” “Published” and “Drafts” or search for a specific product.

3. You may edit, delete, or duplicate a product through this menu.

Note that by default, this page will only show 20 products. If you do not see the products you are looking for, you can search for it by using the search box near the top right of the page, or you may click to the next page of listings by clicking the “>” arrow toward the bottom right of the page.

DUPLICATING A PRODUCT

To duplicate a product:

1. From the “Products” page in your WordPress dashboard (see above), hover over the title of the produt you’d like to duplicate.

2. Click  the ”Duplicate” prompt under the product title.

3. After the page reloads, you should find the duplicated product in your products list with the word “Copy” appended to the original name.

4. You can then click on the product to edit it as you would any other product (see below, “Edit Product Details”).

CREATE A BRAND NEW PRODUCT

To create a brand new product:

1. From your WordPress dashboard, select “Products” in the left-hand menu.

2. Select “Add Product” in the Products submenu.

3. Type the products title in the field labeled “Product name” and then click the blue “Publish” button to the right to publish your product.

See “Edit product details” below for how to add and edit the details of your new product.

EDIT PRODUCT DETAILS

To edit the details of a product (new or duplicated):

From the Edit Product Page:

1. The first large text field immediately below the product title and permalink field is for the content to be displayed under the “Features” title on the product page. Enter appropriate information for it here. You may use the formatting toolbar to edit your text styles, sizes and colors.

2. To set the price of your product, enter the price in the “Regular Price” field inside the “General” tab of the “Product Data” box. You can assign a SKU number, mark the product as in stock, and set your shipping weight and dimensions by clicking between the “General”, “Inventory”, and “Shipping” tabs of the “Product Data” box respectively.

3. The “Product Categories” box along the right side of the page allows you to select a category if necessary. A category selection is needed for the “By the Pound” candies for the products to properly show up on the by the pound pages.

4. A primary product image can be set by clicking “Set product image” in the “Product Image” box along the right hand side. Once within the media library pop up, you can navigate to your desired image or click “Upload Files” then “Select Files” to upload a new image.

5. Additional product images, if you have more than one, can be added in the same manner by selecting “Add product gallery images” along the right hand side.

6. A product description can be added by inserting it into the “Property Short Description” box at the bottom of the product page. You may use the formatting toolbar to edit your text styles, sizes and colors.

HIDING A PRODUCT

To hide a product:

1. From the “Products” page in your WordPress dashboard (see above), hover over the title of the product you’d like to hide.

2. Click  the ”Edit” prompt under the product title.

3. Find the “Publish” box along the right hand side of the “Edit Product” page.

4. Click “edit” next to “Status: Published” and then click the arrows that appear next to “Published.”

5. From this drop-down menu select “Draft”, click the “OK” button and then click the blue “Update” button.

6. The product will no longer be visible on the website but can still be found in your dashboards product list.

To change a product from hidden (draft), to visible (published), follow the same steps.