To view the video tutorials for this PDF, please visit

Transcription

1 Log in To view the video tutorials for this PDF, please visit 1. Visit 2. Username: crown 3. Password: Crown+2015 Editing Pages 1. Select PAGES (or ALL PAGES) from the menu on the left side of the page. Once selected, you will see a list of all the pages in your website, listed alphabetically. Select the page you wish to edit. 2. There are 2 ways to edit your page: a. Select the FRONTEND EDITOR button near the top of the page. A page will open that looks exactly like the page your user sees but with a menu bar across the top. i. When you roll over different sections, you will see the options pictured below (IMAGE 1). The PENCIL allows you to edit the section (column, text block, image, etc.). The PAPERS allow you to clone a section and the TRASH CAN will allow you to delete the section. ii. If you click the PENCIL, a box (IMAGE 2) will open and allow you to edit the section. Click SAVE CHANGES when you are done. iii. Click UPDATE in the upper right corner to save your changes. IMAGE 1

2 IMAGE 2 b. The second way to edit the page is by scrolling down to the VISUAL content laid out the same was as the website, but in grey outlined boxes. Click on the PENCIL, PAPERS or TRASH CAN to edit the sections. The WIDGETISED SIDEBAR contains all the information on the right side column of your website. If you click on the WIDGETISED SIDEBAR, a sub window will open showing you that the DEFAULT SIDEBAR is the chosen sidebar. For more information on how to update it, visit the SIDEBAR section in this walkthrough. Creating New Pages 1. Select PAGES» ADD NEW 2. Add a page title where it says ENTER TITLE HERE. This will be how you find your page on the PAGES list. 3. Click BACKEND EDITOR 4. Scroll down to the VISUAL COMPOSER box and select the icon

3 5. Select PAGE TEMPLATE from the pop up window. This template will allow you to create a page with the same specs as the existing pages. 6. Click the + in the middle of the left side box (IMAGE 3) to add content IMAGE 3 7. Once you click the +, a pop up window will open (IMAGE 4), allowing you to add a variance of options. IMAGE 4 8. Once you ve added your content, click the PUBLISH button on the right side of the screen to save your progress.

4 Creating Text Styles in Your Page You can add different size headlines to your page by following these instructions. You can view them at crowntraining.com/text-options 1. Add a TEXT BLOCK from the + menu 2. You must use the TEXT tab in the TEXT BLOCK SETTINGS (IMAGE 5). Use the following options for different size headlines: a. <h1>h1 Header</h1> b. <h2>h2 Header</h2> c. <h3>h3 Header</h3> 3. The headlines will look like IMAGE 6 IMAGE 5 IMAGE 6

5 Widgetized Sidebar 1. Select APPEARANCE» WIDGETS from the left side menu. There are 2 widgets here that we are using on crowntraining.com a. DEFAULT SIDEBAR This includes the 4 items used in our sidebar: i. WOOCOMMERCE CART This shows the user what items are in the shopping cart. If the cart is empty, the cart does not appear ii. UPCOMING COURSES This shows the top 10 upcoming courses iii. TEXT Our catalog icon and the LinkedIn button iv. CONTACT FORM This is our HAVE A PROBLEM link b. FOOTER SIDEBAR 1 This has our footer copy with Crown s mission. You can edit the content by typing between the <center> tags. This keeps the copy centered on the page. Menus To edit or add items to your menu, click APPEARANCE» MENUS from the left side menu. Make sure HEADER (MAIN MENU) is selected at the top of the screen (IMAGE 7) IMAGE 7 The MENU STRUCTURE shows how your menu is laid out. The indented menu items are submenus. You can drag them further left or right to make them main menu items or a submenu of a submenu. The PAGES box on the left side of the screen shows all of your pages. The closer to the top of the list, the more recently that page was created.

6 TO ADD A PAGE TO THE MAIN MENU, select the check box next to the page (or pages) and select ADD TO MENU. The page will be added to the bottom of the menu. Drag it up to where you would like it to be in the menu. Once you are done, click SAVE MENU at the top of the screen. Testimonials To edit or add testimonials to your homepage, click TESTIMONIALS in the left side menu. The section is set to only show 5 testimonials. To add a new testimonial, you can only currently edit and replace one of the existing testimonials. Click EDIT to change one of the testimonials. In order to make sure the testimonial is centered, you must use the following code: <center> Your testimonial will go in between these two pieces of code. If it is not, it will be off center. </center> Click UPDATE when you re done. TO UPDATE EXISTING COURSES, SEE TUTORIAL AFTER REVERTING IF YOU VE MADE A MISTAKE Creating new courses with Call For Quote 1. Select PRODUCTS» ADD PRODUCT from the left side menu 2. Enter the course name where it says PRODUCT NAME 3. Add the course description into the area below (IMAGE 8) IMAGE 8

7 4. From the tabbed section, select SIMPLE PRODUCT from PRODUCT DATA. Leave all other information in the tabbed section alone. 5. Click UPDATE button on right side of the screen. Creating new courses with prices and multiple dates 1. Select PRODUCTS» ADD PRODUCT from the left side menu 2. Enter the course name where it says PRODUCT NAME 3. Add the course description into the area below (IMAGE 8) IMAGE 8 4. Select VARIABLE PRODUCT from the drop down menu 5. Next we will set our information in the tabbed section on the left a. GENERAL Leave this section as is b. INVENTORY Leave this section as is c. SHIPPING Leave this section as is d. SHIPPING Leave this section as is

8 e. ATTRIBUTES Here we will add our course dates. i. Click the ADD button ii. In the NAME section, enter the word Dates iii. In the values section, enter the course dates, separated with a vertical line (i.e. January M-TH April 6-9 M-TH July M-TH) iv. Select the USED FOR VARIATIONS checkmark v. Click SAVE ATTRIBUTES f. VARIATIONS Click the LINK ALL VARIATIONS button. Click the OK button on the pop up window. i. From the CHOOSE A FIELD TO BULK EDIT choose PRICING» PRICES and click GO ii. Enter the cost of course in the pop up window. This will add the cost to every date. g. ADVANCED Leave this section as is 6. Click the UPDATE button on the right side of the screen

9 Adding courses to a Course page Choose the product page you want to add a course to by going to PAGES» ALL PAGES from the left side menu. Find the page you want modify and click EDIT. Using one of the two methods discussed in the EDITING PAGES section, open the TEXT BLOCK you wish to add your course to. You will see that all the existing courses have the following code in place of a description: [product_page id="xxxx "], with numbers in place of the XXXX. While keeping your browser window open, right click on the left side menu and open PRODUCTS in a new tab or window. While in the PRODUCTS window, scroll over any course you ve created. When you do, you will see a 4-digit code appear under each course (Magnetek Drives in IMAGE 9) IMAGE 9 That 4-digit code is what you will use on the COURSE page to display your course. Copy and paste an existing course and replace the title with your new title and the 4-digit code with the code from your PRODUCT PAGE. Click the UPDATE button on the right side of the page when done. Adding images to your site 1. Click MEDIA» ADD NEW from the left side menu. Select your files or drag and drop them in the box. 2. You will need to add information about the images uploaded to help with search engine optimization and keeping with best standards and practices. The boxes to fill in are as follows:

10 a. TITLE This box is the name of your image b. CAPTION When the user hovers their mouse over the image, this is what will come up. c. ALT TEXT If your image does not appear for whatever reason, this text will tell the user what the image is/does. (See example below) You may also use any of the images already uploaded to your library. Adding courses to the Upcoming Events 1. Click EVENTS» ADD NEW from the left side menu. 2. Add your event title (course name) where it says ENTER TITLE HERE 3. The event details are handled in the box below: a. EVENT DATE AND TIME - Enter the start and end days and times of the course. Time zone should be CHICAGO

11 b. EVENT LOCATION DETAILS Leave this section as is unless a course is held offsite c. EVENT COST AND TICKETS Enter the cost of the course d. ORGANIZER CONTACT INFO Leave this section as is 4. In the box below the ADD MEDIA button, you will add your course information (IMAGE 10) IMAGE NOTE: HERE S THE TRICKY PART 1 In order to use the GREEN PURCHASE COURSE button, you ll need to click the TEXT tab in the upper right corner. Highlight this code: <a class="fasc-button fasc-size-medium fasc-type-flat" style="backgroundcolor: #18a841; color: #ffffff;" href=" data-fasc-style="background-color:#18a841;color:#ffffff;">» Purchase Course</a> The highlighted yellow code creates the button itself. 6. NOTE: HERE S THE TRICKY PART 2 Now we need the course information for the pop up window. While keeping your browser window open, right click on the left side menu and open PRODUCTS in a new tab or window.

12 While in the PRODUCTS window, hover over the course you re creating an event for select VIEW. When that window opens, highlight the address in the address bar and copy it. Paste the address into the highlighted section below on your EVENTS page. This will make sure your button links to the proper course. <a class="fasc-button fasc-size-medium fasc-type-flat" style="backgroundcolor: #18a841; color: #ffffff;" href=" data-fasc-style="background-color:#18a841;color:#ffffff;">» Purchase Course</a> 7. Click the UPDATE button on the right side of the page. 8. Once you ve created your event, it will automatically appear on your UPCOMING COURSES page. The 10 most upcoming events will appear on the sidebar. Reverting if you ve made a mistake If you happen to delete something you shouldn t have or if you re not sure why the page (or site) went haywire, you can revert back to an older version of your page. At the bottom of each PAGE, there is a box titled REVISIONS. It shows the last 9 revisions (UPDATE button clicked). Simply choose one of the older options and select RESTORE THIS VERSION.

13 ADDENDUM: Editing Existing Courses CHANGING DATES OF COURSES 1. Select PRODUCTS» ALL PRODUCT from the left side menu 2. Select the EDIT option from the menus that appear under the course you wish to edit. 3. Once your Product Page is open, scroll down to the PRODUCT DATA section and select the ATTRIBUTES tab. 4. Click on the are labeled DATES 5. Edit your dates here. Each date must remain separated by the (the button about the RETURN key on your keyboard, NOT a lowercase L). 6. Click SAVE ATTRIBUTES 7. Next, select the VARIATIONS tab. 8. Scroll down to the date you ve changed. Instead of seeing a DATE in the drop down box, you will see ANY DATES. (see second entry below) 9. Select the date you modified from the ANY DATES menu. 10. Click the blue UPDATE button in the right column of the screen.

14 ADDING DATES TO COURSES 1. Select PRODUCTS» ALL PRODUCT from the left side menu 2. Select the EDIT option from the menus that appear under the course you wish to edit. 3. Once your Product Page is open, scroll down to the PRODUCT DATA section and select the ATTRIBUTES tab. 4. Click on the are labeled DATES 5. Add your dates here. Each date must remain separated by the (the button about the RETURN key on your keyboard, NOT a lowercase L). 6. Click SAVE ATTRIBUTES 7. Click on the VARIATIONS tab and scroll down to the bottom. Click the LINK ALL VARIATIONS button. Click the YES button. Your new class addition will show at the top of the VARIATIONS field. 8. Select the CHOOSE A FIELD TO BULK EDIT dropdown and then select PRICING / PRICES and hit the GO button. 9. Enter the course price in the pop up window and hit OK 10. Click the blue UPDATE button in the right column of the screen. REMOVING DATES FROM COURSES 1. Select PRODUCTS» ALL PRODUCT from the left side menu 2. Select the EDIT option from the menus that appear under the course you wish to edit. 3. Once your Product Page is open, scroll down to the PRODUCT DATA section and select the ATTRIBUTES tab. 4. Click on the are labeled DATES 5. Delete the dates you no longer wish to use.

15 6. Click SAVE ATTRIBUTES 7. Click on the VARIATIONS tab and click the REMOVE tab on any entry that uses the ANY DATES in the dropdown 8. Once they are removed, click the blue UPDATE button in the right column of the screen.

16 Uploading a New Catalog or Course Timeline You will need access to an FTP program such as FileZilla ( Use the Crown Training login credentials to get access to your server. You will need the address: ftp.crowntraining.com and a username and password. Once you log in, you will see a folder called PDFs. Name the catalog CrownTrainingCatalog.pdf and the new courses UpcomingCourses.pdf. If the program asks if you want to replace the old files, click OK. NOTE: Capitalization is very important. If you use all lowercase letters, the files will not link properly. Support If you have any questions or confusion, please call Matt Valuckis at V as in Victor at or matt@vasinvictor.com