Ch. 043 Creating Pages in Your Sites

Creating and editing your Site Pages

Pressero has a website Content Management System (CMS) (text editor) built in. You can create and add Pages to your sites for anything you may need. You can even hide pages for certain people using User Groups. To add or edit existing sites, go to: Admin > Sites > Choose the site > Pages. 
 
Note: For a detailed explanation on how to use the text editor, refer to this document
 

Adding a New Page 

Click on the Add new link at the top of the page. 
 
Content Tab - When creating a new page only one tab of information is available and that is the "Content" Tab. After saving information added for this area additional tabs will display for you and will always be available when you want to edit the pages after they have been saved. The pages can have text, images, video, and include forms for visitors to fill out for newsletter, information requests, etc. The built-in text editor creates the needed html, so you don't have to. However, if you know HTML or CSS, you can use it. 
 
Title - Enter a title for your page. This will display at the top of the page and will have an <h1> heading tag for SEO (Search Engine Optimization). 
 
Page URL - This is required and must be unique. If you are having difficulty setting the URL, make sure that you do not have any other pages using that URL. This includes sites that have been deleted previously. To view deleted pages click on the "Include Deleted" button at the very top of the page. 
 
Text Editor - Enter the text, images, tables, etc. that you want to display on your page. The content you add here will display inside the content area set by the skin you chose. You are just customizing the content that goes into that area and not the surrounding area of the pages. Please note: The Insert Table option has been removed from the text editor to better support Responsive Skins. If you need a table format on your page please refer to this article for details.
 
Short Description - The short description will show under the page name when a user is using the search feature for your site. 
 
Begin Displaying - You can create a page and decide to not start displaying until a specific date. This allows you to set up a promotion page as an example but not have it go live until you are ready. 
 
Stop Displaying -  Like the Begin Displaying option above, this date field will allow you to stop displaying a particular page on a certain date/time. 
 
In this image (below) you can see the area that the page content will go into. 
 
 

Adding Video

The way to add video to the content of a page will depend on what type of video it is.
YouTube. The easiest method uses YouTube. Create a free youtube account. You'll use their embed tools to place the video on your Pressero site.  The youtube embed code is an iframe.  It will look something like this: <iframe width="420" height="315" src="http://www.youtube.com/embed/sn9v4mfAuyc" frameborder="0" allowfullscreen></iframe>
 
  1. Upload your video to youtube.
  2. Access the youtube video embed code using the Share > Embed > Show More links below the video. A list of options will open. Select a size for the video, or create a custom video size to fit smaller or larger areas. Uncheck the box "Show suggested videos when video finishes" to prevent youtube suggesting other videos after yours plays. Ignore the "HTTPS", "Enable privacy-enhanced mode" option.
  3. Copy the youtube iframe embed code. In the content editor area of the Pressero page, product or instructional area you are adding the video to, click the </> button to access the html view. Paste the code, click Update. You will see the result in the Design view of the editor. Make adjustments if needed.
 
File Manager/CSS. If you have a highly skilled web developer fluent in CSS, you can add an MP4 video to your page. Load the MP4 video file using the Pressero Admin > Tools > File Manager. Then add appropriate code to the page you want the video displayed on. "Appropriate" will depend on many factors beyond the scope of this article. However, an example of the code would be something like this: <div><video controls="" poster="/files/Subscribers/448cc937-d8f9-4cf0-96f1-01e91ed0ad9c/webfiles/Videos/poster.jpg" title="web-to-print-solutions-from-aleyant"><source src="/files/Subscribers/448cc937-d8f9-4cf0-96f1-01e91ed0ad9c/webfiles/Videos/BuyingPrintOnline.mp4" type="video/mp4"></source><source src="mov_bbb.ogg" type="video/ogg"></source>Your browser does not support HTML5 video. </video></div>
 
IMPORTANT: You need to be very skilled in CSS to effectively use this approach. Aleyant support staff will not support this method or issues related to it. Support issues caused by your web developer's implementation will incur an hourly fee.

Allowed Groups tab

Pages must have a Site Group assigned before they will display. Select the Site Group(s) that will have access to the Page. As an example: If you want to limit who can see a page in your site, use Site Groups to add those people to the group and then set the page to be viewed only by that group. The "Everyone group applies to the public as well as registered site users. 

The image below shows a list of all the Site Groups set up in this particular site. After creating a page in the site you can then choose which site groups can see the page... or select everyone so everyone can see it. 

 

Page SEO Tab

Not available in B2B sites. By default, Pages in a Retail or Informational Sites will use the SEO you added in Sites > Settings > SEO. You can over ride those defaults in the Page SEO tab here. Any fields you leave blank will use the defaults.
 
Extra Header Info
Please note:  Technical support for any code or content you add to this section is not included in your plan and will incur a charge if we need to fix your site as a result of you making changes here. If you have any trouble on a page that you altered the CSS on please indicate that to the support team if you need our help to fix any unwanted behavior. 

 

Forms Tab

In Preferences > Forms you had the option to create custom forms for situations where you want to collect information from your visitor/buyer. As a review, forms can be used on a product page, a checkout page, and also on a custom page you create in this area. You can add more than one form to a page as well. Unlike forms on product and checkout pages, forms on a custom page created in this area, you can use the "File Upload" option for the form itself. 
 
A good use of a form on a page would be to create a "Send Files Page". By adding a Form you created for file uploads, you can create a simple page for visitors to use to send you files, outside of using a Product's file attachment capability when placing an order. See Preferences > Forms. Also see Sites > Products: Upload Fields.
 
Available and Assigned Forms
Available forms created in Admin > Forms will be listed on the left. Add the form to the page by selecting it and then clicking on the right arrow. To remove the form from the page, click on it in the Selected list and click on the left arrow. Double arrows move all in the list.
 
Form Security
To display a Captcha requirement on your page, click on the box. The captcha option is not needed on a B2B site page since you already know the person completing the form is a live person when they logged into the site itself. The captcha is recommended for B2C and Informational sites to avoid spam responses to your form. 
 

 

Form Submit Response Tab

If you add a form to your page you will want to complete the response the customer will see when they submit the form. You can display text and or use javascript after a form on a Page has been submitted.

Knowledge Base Articles Related to Pages

For more detail on creating forms and HTML/SEO see: 

Training Videos