Introduction Designing your Common Template Designing your Shop Top Page Product Page Design Featured Products...

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Introduction... 3. Designing your Common Template... 4. Designing your Shop Top Page... 6. Product Page Design... 8. Featured Products..."

Transcription

1

2 Introduction... 3 Designing your Common Template... 4 Common Template Dimensions... 5 Designing your Shop Top Page... 6 Shop Top Page Dimensions... 7 Product Page Design... 8 Editing the Product Page layout... 9 Product Image display settings... 9 Featured Products Using the Description Block Editor Text Formatting Bullet Points and Numbers Images Insert Link Table Horizontal Line HTML Source Allowed HTML Tags for use in description blocks Disallowed HTML Tags Getting Help

3 In this guide, you will be able to find information about, and dimensions for, each section of your shop on the Rakuten UK platform. Your shop will constitute of three main sections: Common Template Shop Top Page Product Page A fourth section (Featured Products) will be a component of the Shop Top Page [best described as your home page] and will consist of a selection of products that are defined through your RMS toolbox. Version Notes Date 1.0 Document Released Aug

4 The common template receives its name from its purpose all sections on the common template will feature on all pages within your shop on the Rakuten UK platform, and as such will be common to each page. To edit your common template, click on to Page Design on your top navigation bar and choose Design Common Template. Once on this page, you will be able to edit three sections that will be common to all pages in your store. These sections are: Shop Header Side Bar Shop Footer It is recommended that you utilise all of these areas with imagery and text that would be suitable for each page in your shop. Each of the blocks will be completed by using a content editor which will allow you to utilise text and imagery, as well as edit the pure HTML source code for that section too. 4

5 Below is a guide to the dimensions of the three editable sections that can be found on your Common Template. The heights of each block are not defined as this is dependent upon your choice of creative and shop design. It is recommended that your header does not exceed 250px in height as this will ensure your customers will be able to see a larger percentage of your home page and will give a better shopping experience. 5

6 The Shop Top page will be your main shop landing / home page. It will work in conjunction with the Featured Products element of your account and consists of two editable content areas as well as a top image field. To edit your Shop Top page, click on to Page Design on your top navigation bar and choose Design Shop Top Page Template. Once on this page, you will be able to edit the three sections as described above. It is recommended that you utilise all of these areas to help build a long and interesting landing page. As this page is one of the first that a customer will see within your store, you should be aiming to do three things with it: Highlight key product ranges (see Shop Categories guide) that you would like your customers to view Highlight featured products using the Featured Products function to highlight new and interesting items you have for sale Build trust by telling your story so that your customers know that they are buying from you, and who you are o Suggestion use hyperlinks to link to your shop information page to explain your story in full. 6

7 Below is a guide to the dimensions of the three editable sections that can be found on your Shop Top Page. The heights of each block are not defined as this is dependent upon your choice of creative and shop design. 7

8 In regards to the design of your product page, this works in a different way to how you edit the Common Template and the Shop Top page. You will not be changing the content of the page; you will be changing the layout of the product page. The product content is added when you create the product (either through the RMS toolbox or API), so if you would like to change the text information or description of the product or any other details about the product for that matter you should edit the product under the Product Catalogue section of the RMS toolbox. Essentially, you can customize the positioning of the blocks (known as widgets) on your product page so that you can define the layout and ordering of what appears, and when, on your product page. Below is a summary of what each widget does: Widget Description Tagline Product Name Image and Purchase Product Description Video Product Reviews Related Categories New Arrivals at This Shop Recently Viewed Products Payment Options Delivery Options Return Policy Shop Contact & Legal Key phrase or slogan that identifies the product Name of the product Image of the product, variant selection and the Add to Cart button Description of the product A YouTube video that promotes your product Reviews of the product Categories that are related to the product New items in your shop Products that the customer recently viewed Payment options for the customer Delivery options for the customer Return policy of your shop Contact and legal information for your shop 8

9 Information With each of the widgets on your product page, you re able to reorder them by simply dragging and dropping the blocks to your desired order. This will then be reflected on the product page once you click Save at either the top or bottom of the page. Some widgets will have options - you ll see a cog icon to indicate this - - in which you will be able to completely remove the widget from the product page. If you would like to put the widget back in to your page, you will find that you can add widgets by clicking Add Widgets and selecting a widget from the list of the available widgets. Some widgets can also appear on the page twice: Tagline Product Name Image and Purchase Related Categories Video Once you ve made any changes to your product page, click Save at either the top or bottom of the page to store the changes on your shop. By default, additional product images will be displayed as large images beneath the main image and purchase widget on your product page: If you would like to change this so that the additional images display as thumbnails under the main image, click on the cog to open the options menu and choose Image 9

10 Settings. On the pop up that presents itself, you can then select the Thumbnail Layout to alter the display settings of your additional images. Once you ve made the change, make sure to click Save Changes to alter your image display settings before saving the page as normal. 10

11 The Featured Products section of your shop allows you to highlight specific products (which you define) to your customers and display them on your home page. You can use this section to feature new products or products that are on sale. To access the Featured Products page, navigate to Product Catalogue > Featured Products. Once you re on the page, you ll see something that looks like this: As you should be able to see from the image above, you can do 4 things on this page. Firstly, you should give the featured products block a name that will display above the products on your Shop Top page. To do this, complete the Section Heading field with your desired name. Then, you ll need to set whether you want the block enabled (so it s visible on your Shop Top page) or not, and whether you would like it to display out of stock products (if one of the products in your featured products sells out it will go to 0 stock you need to decide whether you d like to show this product still or not). 11

12 The final step to setting up your featured products is to select which products you would like to display in the block. To do this, click on to Add Products and you ll be greeted by a pop-up in which you can search for products by SKU, Base SKU or Product Title. Search for your products and you ll see something similar to this: Once you have found the product(s) you d like to add to the Featured Products block, just tick the checkbox on the left hand side of the product image and click Add Products. After you ve added all of the products you d like to (you can have up to 20), you can then drag and drop to re-order the products as that will be the order in which they display on your Shop Top page under the first description block (as described previously). When you re happy with your selection, click Save at the bottom of your page to store the changes on your shop. 12

13 A number of the pages in your shop will include free content editors that will allow you to enter text, images and more to them. They each have a limit of HTML characters (view the source of the block to get the HTML source), and the functionality of the editor tools is described below: You can use the formatting tools to help highlight key text for your customers to read. Standard formatting tools that you should be used to with a word editor are available including Bold, Italic, Underline, Text Colour, Highlighting, Left / Central / Right Justify, Font and Size. You can use bullet and number lists to detail out lists of information to your customers. As with the shop image block, you can upload images from your computer to use in your shop description. You can use these in conjunction with the formatting tools to help with alignments, or you can include them inside a table layout. 13

14 To insert an image, click on to the icon to bring up a pop-up window. Once the pop-up is visible (you may need to approve pop-ups from the site depending on your browser security settings), click on to Choose File to browse for your image. Once the image has loaded on the pop-up, scroll to the bottom of the pop-up window and click OK. This will then put the image into the description block on your page. The insert link function can be used to link an image or some text through to another page within your shop. To insert a link, firstly you should select the image or text that you would like the link to work on. 14

15 To hyperlink text, just click and drag over the text you would like to use and then click on to the icon to bring up the following pop-up: Inside of the URL box, either type or paste in the URL (webpage address) that you would like to link to. To hyperlink an image, you ll firstly need to select which image you d like to use. The way you select your image may change depending on which web browser you are using. Most modern browsers will allow you to simply click on the image (Firefox and Internet Explorer will put a border round a selected image, Safari and Chrome will highlight it in blue). If this doesn t work, click and hold your left mouse button on the image, wiggle the mouse and let go and you should see the image highlighted / with a border which will indicate the image is selected. Once your image is selected, follow the steps above in regards to hyper linking text once it s selected to hyperlink your selected image. 15

16 The table function ( icon on the toolbar) is very helpful for setting the layout of your shop description (or any other block that uses free form content like this). When you click on the icon, you ll be greeted by a properties pop-up (annotated below): Once you re happy with your settings on the pop-up, click OK to insert the table into your description box. You can then use any of the other tools to insert and format text and images; and by right clicking in the table you can then merge cells, add rows and columns, delete the table and edit the properties too. The horizontal line will insert a dividing line between blocks of text or images and will help you to section off blocks of your description to help your customers discern between various pieces of information. 16

17 If you would like to view or edit the HTML source code of your shop description, you can do so by clicking on to the icon. This will then change the view in the description block to the HTML code so that you can edit it directly rather than using the toolbar functions. Simply click on to the source icon again to switch back to normal view so that you can see what effect your changes to the HTML source code have had. 17

18 The HTML tags listed in the table below can be used in the Description fields for Category, Product and Delivery. Note: All tags can use the attributes: class, id, style, dir, lang, title. Tag End Tag Attributes <!--Comment--> <a> </a> accesskey, href, rel, tabindex, target, type <area> accesskey, alt, coords, href, name, shape, tabindex, target <b> </b> <blockquote> </blockquote> cite <br> <dd> <div> <dl> <dt> <em> <h1>... <h6> </dd> </div> </dl> </dt> </em> </h1>... </h6> <hr> <i> </i> <img> alt, border, height, ismap, src, usemap, width <li> </li> value <map> <nav> </map> </nav> accesskey, contenteditable, contextmenu, data-*, draggable, dropzone, hidden, spellcheck, tabindex, translate <ol> </ol> start, type <p> <pre> </p> </pre> 18

19 <s> <small> </s> </small> <source> media, src, type <span> <strike> <strong> <style> <sub> <sup> <table> </span> </strike> </strong> </style> </sub> </sup> </table> border, cols, summary, cellpadding, cellspacing, align <tbody> </tbody> valign <td> </td> bordercolor, colspan, rowspan <tfoot> </tfoot> valign <th> </th> colspan, rowspan, scope <thead> </thead> valign <tr> </tr> colspan, rowspan <tt> <u> <ul> <video> </tt> </u> </ul> </video> autoplay, controls, height, loop, muted, poster, preload, src, width 19

20 The HTML tags listed in the table below cannot be used in the Description fields for Category, Product and Delivery. Tag <article> <aside> <audio> <canvas> <figimg> <figure> <footer> <header> <hgroup> <iframe> <mark> <rp> <rt> <ruby> <script> <section> <time> <wbr> 20

21 If you d like more guidance on how to complete your shop design you can visit the Academy site for videos and guides or contact our Merchant Helpdesk for support. Our Merchant Help Desk is in place to support you all the way: Open 8:00 to 18:30, Monday Friday Out of hours emergency support available Provide support for technical and account queries 24 hour turnaround for most queries You can reach them by at 21

Basic HTML elements: Quick Reference

Basic HTML elements: Quick Reference Basic HTML elements: Quick Reference University of Bristol Information Services document web-r4 Document Information Format Conventions The following format conventions are used in this document: Computer

More information

WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012)

WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) BY MISS. SAVITHA R LECTURER INFORMATION SCIENCE DEPTATMENT GOVERNMENT POLYTECHNIC GULBARGA FOR ANY FEEDBACK CONTACT TO EMAIL:

More information

Introduction to XHTML. 2010, Robert K. Moniot 1

Introduction to XHTML. 2010, Robert K. Moniot 1 Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document

More information

Caldes CM12: Content Management Software Introduction v1.9

Caldes CM12: Content Management Software Introduction v1.9 Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge

More information

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements

More information

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux

More information

Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis

Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis What is HTML? HTML (Hyper Text Markup Language) is a language for specifying how text and graphics appear on a web page When

More information

Introduction to Web Design Curriculum Sample

Introduction to Web Design Curriculum Sample Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic

More information

Chapter 3: The Schoolwires Editor

Chapter 3: The Schoolwires Editor : By the end of this chapter you will be able to: Insert and format text. Insert and format images. Insert and format tables. Insert links. Use ActiveBlocks to enhance your pages. Introduction to the Schoolwires

More information

Advanced Drupal Features and Techniques

Advanced Drupal Features and Techniques Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

Website Planning Checklist

Website Planning Checklist Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even

More information

Sage Accountants Business Cloud EasyEditor Quick Start Guide

Sage Accountants Business Cloud EasyEditor Quick Start Guide Sage Accountants Business Cloud EasyEditor Quick Start Guide VERSION 1.0 September 2013 Contents Introduction 3 Overview of the interface 4 Working with elements 6 Adding and moving elements 7 Resizing

More information

Web Page Design Final Exam Review Page 1 of 7

Web Page Design Final Exam Review Page 1 of 7 Web Page Design Final Exam Review Page 1 of 7 Multiple Choice--Instructions: Circle the correct response. 1. Computers and networks allow people to. a. gather data and information b. analyze data and information

More information

Joomla Article Advanced Topics: Table Layouts

Joomla Article Advanced Topics: Table Layouts Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand

More information

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5

More information

New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts

New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts A Text Table New Perspectives on Creating Web Pages with HTML This figure shows a text table. Tutorial 4: Designing a Web Page with Tables 1 2 A Graphical Table Considerations for Text and Graphical Tables

More information

Terminal Four (T4) Site Manager

Terminal Four (T4) Site Manager Terminal Four (T4) Site Manager Contents Terminal Four (T4) Site Manager... 1 Contents... 1 Login... 2 The Toolbar... 3 An example of a University of Exeter page... 5 Add a section... 6 Add content to

More information

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images HTML5 & CSS 8 th Edition Chapter 3 Enhancing a Website with Links and Images Chapter Objectives 1. Describe types of hyperlinks 2. Create relative links, absolute links, email links, and telephone links

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

Creating your personal website. Installing necessary programs Creating a website Publishing a website

Creating your personal website. Installing necessary programs Creating a website Publishing a website Creating your personal website Installing necessary programs Creating a website Publishing a website The objective of these instructions is to aid in the production of a personal website published on

More information

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 2 HTML Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 First Web Page an opening tag... page info goes here a closing tag Head & Body Sections Head Section

More information

Google Docs Basics Website: http://etc.usf.edu/te/

Google Docs Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google

More information

Web Development 1 A4 Project Description Web Architecture

Web Development 1 A4 Project Description Web Architecture Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:

More information

Website Creation Service: User s Guide

Website Creation Service: User s Guide Service: User s Guide 1 Table of Contents 1) Connecting to Your Online Interface 2) Start Creating Your Website 3) Managing Website Pages 4) Managing Website Content 5) Integrating Widgets and Other Content

More information

Peers Technologies Pvt. Ltd. Web Application Development

Peers Technologies Pvt. Ltd. Web Application Development Page 1 Peers Technologies Pvt. Ltd. Course Brochure Web Application Development Overview To make you ready to develop a web site / web application using the latest client side web technologies and web

More information

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide RADFORD UNIVERSITY Radford.edu Content Administrator s Guide Contents Getting Started... 2 Accessing Content Administration Tools... 2 Logging In... 2... 2 Getting Around... 2 Logging Out... 3 Adding and

More information

Website Editor User Guide

Website Editor User Guide CONTENTS Minimum System Requirements... 3 Design Your Website... 3 Choosing your Theme... 4 Choosing your Header Style... 4-5 Website Content Editor... 6 Text Editor Toolbar features... 6 Main Menu Items...

More information

Quick Guide for Dreamweaver CC Basics April 2016 Training:

Quick Guide for Dreamweaver CC Basics April 2016 Training: Dreamweaver CC Basics When you look at a web page, you might wonder how it is made. To display a web page, your internet browser reads and interprets a special set of instructions. These instructions are

More information

Redback Solutions. Visionscape Manual

Redback Solutions. Visionscape Manual Redback Solutions Visionscape Manual Updated 31/05/2013 1 Copyright 2013 Redback Solutions Pty Ltd. All rights reserved. The Visionscape Content Management System (CMS) may not be copied, reproduced or

More information

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL K5 CMS The K5 Content Management System (CMS), previously known as Kwik-Az Updating, is a small downloadable program that permits

More information

Google Sites Getting Started

Google Sites Getting Started Google Sites Getting Started 1. Log into your gmail account 2. Click on Sites 3. Click on Create 4. Choose a Template if you want (these will have preset elements and page settings which you can then adapt

More information

Working with the new enudge responsive email styles

Working with the new enudge responsive email styles Working with the new enudge responsive email styles This tutorial assumes that you have added one of the mobile responsive colour styles to your email campaign contents. To add an enudge email style to

More information

Introduction to Drupal 6

Introduction to Drupal 6 Ready Reference 063014 Introduction Introduction to Drupal 6 This page provides instructions for using the Drupal Web Content Management System. Drupal makes publishing content relatively easy and allows

More information

Converting Prospects to Purchasers.

Converting Prospects to Purchasers. Email Template Guide LASSO EMAIL TEMPLATE EDITOR... 2 ABOUT LASSO EMAIL TEMPLATE EDITOR... 2 CREATING AN EMAIL TEMPLATE... 2 ACCESSING EMAIL TEMPLATES... 2 ADDING AN EMAIL TEMPLATE FOLDER... 3 BASIC PRINCIPLES

More information

NDSU Technology Learning & Media Center. Introduction to Google Sites

NDSU Technology Learning & Media Center. Introduction to Google Sites NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Introduction to Google Sites Get Help at the TLMC 1. Get help with class projects on a walk-in basis; student learning assistants

More information

How to Build a SharePoint Website

How to Build a SharePoint Website How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables

More information

UNIVERSITY COLLEGE CORK CMS. Content Management System

UNIVERSITY COLLEGE CORK CMS. Content Management System UNIVERSITY COLLEGE CORK CMS Content Management System Table of Contents 1 Introduction... 1 2 Planning your Website... 1 2.1 New Sites... 1 2.2 Migrating an Existing CMS Site... 2 3 Accessing the Content

More information

Introduction to Drupal

Introduction to Drupal Introduction to Drupal Login 2 Create a Page 2 Title 2 Body 2 Editor 2 Menu Settings 5 Attached Images 5 Authoring Information 6 Revision Information 6 Publishing Options 6 File Attachments 6 URL Path

More information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

More information

Urban Planet Website Content Management System. Step-by-Step Instructions

Urban Planet Website Content Management System. Step-by-Step Instructions Urban Planet Website Content Management System Step-by-Step Instructions For steps with pictures, videos, version bugs, integration ideas, and more see http://uphelp.spps.org Department of Educational

More information

Adding Links to Resources

Adding Links to Resources Adding Links to Resources Use the following instructions to add resource links to your Moodle course. If you have any questions, please contact the helpdesk at. Adding URL links 1. Log into your Moodle

More information

Umbraco v4 Editors Manual

Umbraco v4 Editors Manual Umbraco v4 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

MS Word 2007 practical notes

MS Word 2007 practical notes MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the

More information

Quick Start Guide To: Using the Sage E-marketing Online Editor

Quick Start Guide To: Using the Sage E-marketing Online Editor Quick Start Guide To: Using the Sage E-marketing Online Editor When you first enter the Sage E-marketing online editor, you will see two tabs on the left-hand side of the screen: Content Editor and Customize

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

Understanding the Advanced Template Editor

Understanding the Advanced Template Editor Quick Start Guide to: Understanding the Advanced Template Editor The basic template editor in Swiftpage is used to create templates that began as imported templates or global advanced templates. (One function

More information

HTML TEST. Multiple Choice Identify the choice that best completes the statement or answers the question.

HTML TEST. Multiple Choice Identify the choice that best completes the statement or answers the question. HTML TEST Multiple Choice Identify the choice that best completes the statement or answers the question. 1. What does HTML stand for? a. Hyper Link Markup Language b. Hyper Text Markup Logics c. Hyper

More information

Father Agnel School, Noida Class X Ch6 HTML Part 2

Father Agnel School, Noida Class X Ch6 HTML Part 2 HTML Images - The Tag and the Src Attribute In HTML, images are defined with the tag. The tag is empty, which means that it contains attributes only, and has no closing tag. To display

More information

Umbraco v6 Editors Manual

Umbraco v6 Editors Manual Umbraco v6 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

Umbraco Content Management System (CMS) User Guide

Umbraco Content Management System (CMS) User Guide Umbraco Content Management System (CMS) User Guide Content & media At the bottom-left of the screen you ll see 2 main sections of the CMS Content and Media. Content is the section that displays by default

More information

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE DREAMWEAVER CS3 TUTORIAL ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO

More information

Introducing our new Editor: Email Creator

Introducing our new Editor: Email Creator Introducing our new Editor: Email Creator To view a section click on any header below: Creating a Newsletter... 3 Create From Templates... 4 Use Current Templates... 6 Import from File... 7 Import via

More information

SOCS Javascript Editor

SOCS Javascript Editor Javascript Editor Tool Bar and Buttons Insert Article Redirect Use the Article Redirect icon when you want a Section to redirect to another website, to a webpage or file within your site. The article containing

More information

Where do I start? DIGICATION E-PORTFOLIO HELP GUIDE. Log in to Digication

Where do I start? DIGICATION E-PORTFOLIO HELP GUIDE. Log in to Digication You will be directed to the "Portfolio Settings! page. On this page you will fill out basic DIGICATION E-PORTFOLIO HELP GUIDE Where do I start? Log in to Digication Go to your school!s Digication login

More information

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1 Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to

More information

BLACKBOARD 9.1: Text Editor

BLACKBOARD 9.1: Text Editor BLACKBOARD 9.1: Text Editor The text editor in Blackboard is a feature that appears in many different areas, but generally has the same look and feel no matter where it appears. The text editor has changed

More information

Training Manual Version 1.0

Training Manual Version 1.0 State of Indiana Content Management System Open Text v.11.2 Training Manual Version 1.0 Developed by Table of Contents 1. Getting Started... 4 1.1 Logging In... 4 1.2 OpenText Menu...5 1.3 Selecting a

More information

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)

More information

-SoftChalk LessonBuilder-

-SoftChalk LessonBuilder- -SoftChalk LessonBuilder- SoftChalk is a powerful web lesson editor that lets you easily create engaging, interactive web lessons for your e-learning classroom. It allows you to create and edit content

More information

University of East Anglia Liferay Training Admissions, Recruitment and Marketing Department

University of East Anglia Liferay Training Admissions, Recruitment and Marketing Department University of East Anglia Liferay Training Admissions, Recruitment and Marketing Department i Version 3.4 Contents Overview...iii Introducing Liferay... iv 1. Logging in and accessing your site... 1 2.

More information

Chapter 3: The Schoolwires Editor

Chapter 3: The Schoolwires Editor : The Schoolwires Editor By the end of this chapter, you will be able to: Insert and format text. Insert and format images. Insert and format tables. Insert links. Use ActiveBlocks to enhance your pages.

More information

Using econtentmanager s ewebeditpro Editor

Using econtentmanager s ewebeditpro Editor Using econtentmanager s ewebeditpro Editor econtentmanager comes with its own content editor, called ewebeditpro. With ewebeditpro, you can add and modify your page content with WYSIWYG ease-of-use. The

More information

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production SoftChalk Level 1 University Information Technology Services Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production Page 1 of 49 Copyright 2013 KSU Department of University Information

More information

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 CONTENTS Things to Remember... 2 Browser Requirements... 2 Why Some Areas of Your Website May Not Be CMS Enabled...

More information

WYSIWYG Toolbar. File Functions. Cut, Copy, Paste, Find Functions. Undo Redo Functions. Page 1 of 7

WYSIWYG Toolbar. File Functions. Cut, Copy, Paste, Find Functions. Undo Redo Functions. Page 1 of 7 File Functions Save Save As Revert to Last Save Click on the "Save" button to save the current file on the staging server and exit the WYSIWYG editor. Remember, it will not be live on the production server

More information

WYSIWYG Editor in Detail

WYSIWYG Editor in Detail WYSIWYG Editor in Detail 1. Print prints contents of the Content window 2. Find And Replace opens the Find and Replace dialogue box 3. Cut removes selected content to clipboard (requires a selection) 4.

More information

Communication Manager Email Template Library

Communication Manager Email Template Library Communication Manager Email Template Library Create and edit email templates for use in mass email and drip campaigns. Email templates can be stored in Template Tags for easy access to frequently used

More information

Teacher Training Session 1. Adding a Sub-Site (New Page) Editing a page and page security. Adding content cells. Uploading files and creating folders

Teacher Training Session 1. Adding a Sub-Site (New Page) Editing a page and page security. Adding content cells. Uploading files and creating folders Teacher Training Session 1 Adding a Sub-Site (New Page) Editing a page and page security Adding content cells Uploading files and creating folders Adding Sub Sites Sub Sites are the same as Sub Groups

More information

Website Builder Manual

Website Builder Manual Fasthosts Customer Support Website Builder Manual This is a designed as a definitive guide to all the features and tools available within Website Builder. Contents Introduction... 4 Adding Content... 5

More information

How to Create a Mobile Responsive Template in ExactTarget

How to Create a Mobile Responsive Template in ExactTarget How to Create a Mobile Responsive Template in ExactTarget This manual contains the following: Section 1: How to create a new mobile responsive template for a Business Unit/Artist Section 2: How to adjust

More information

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu Revised 4/28/2014 CONTENTS The eclps Overview... 3 Objectives... 3 Adding the Syllabus or Lessons Tool to

More information

Designing HTML Emails for Use in the Advanced Editor

Designing HTML Emails for Use in the Advanced Editor Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into

More information

Digital Marketing EasyEditor Guide Dynamic

Digital Marketing EasyEditor Guide Dynamic Surveys ipad Segmentation Reporting Email Sign up Email marketing that works for you Landing Pages Results Digital Marketing EasyEditor Guide Dynamic Questionnaires QR Codes SMS 43 North View, Westbury

More information

Site Maintenance. Table of Contents

Site Maintenance. Table of Contents Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...

More information

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...

More information

Creating HTML authored webpages using a text editor

Creating HTML authored webpages using a text editor GRC 175 Assignment 1 Creating HTML authored webpages using a text editor Tasks: 1. Acquire web host space with ad free provider 2. Create an index webpage (index.html) 3. Create a class management webpage

More information

emarketing Manual- Creating a New Email

emarketing Manual- Creating a New Email emarketing Manual- Creating a New Email Create a new email: You can create a new email by clicking the button labeled Create New Email located at the top of the main page. Once you click this button, a

More information

Contents. SiteBuilder User Manual

Contents. SiteBuilder User Manual Contents Chapter 1... 3 Getting Started with SiteBuilder... 3 What is SiteBuilder?... 3 How should I use this manual?... 3 How can I get help if I m stuck?... 3 Chapter 2... 5 Creating Your Website...

More information

SharePoint Basic Editing. Text. Creating List

SharePoint Basic Editing. Text. Creating List Text Putting Text on the Page 1. Entering text on the web page is just like typing in a word processing document. Lines will wrap within a paragraph. 2. Enter = Paragraph Break (leaves a blank line) 3.

More information

Website Editor User Guide

Website Editor User Guide CONTENTS Minimum system requirements... 3 Pc... 3 Design your website... 4 design assistant... 4 themes... 4 headers... 5 website content editor... 7 text editor toolbar... 7 Main menu items... 15 edit

More information

J Press: A guide to creating your own website

J Press: A guide to creating your own website J Press: A guide to creating your own website At the Ryerson School of Journalism you will be provided with your own website on our own in house multi site WordPress server located at J press.fcad.ryerson.ca.

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

User Guide. Chapter 6. Teacher Pages

User Guide. Chapter 6. Teacher Pages User Guide Chapter 6 s Table of Contents 1. Introduction... 4 I. Enhancements... 5 II. Tips... 6 2. Key Information... 7 3. How to Add a... 8 4. How to Edit... 10 I. SharpSchool s WYSIWYG Editor... 11

More information

The McGill Knowledge Base. Last Updated: August 19, 2014

The McGill Knowledge Base. Last Updated: August 19, 2014 The McGill Knowledge Base Last Updated: August 19, 2014 Table of Contents Table of Contents... 1... 2 Overview... 2 Support... 2 Exploring the KB Admin Control Panel Home page... 3 Personalizing the Home

More information

NJCU WEBSITE TRAINING MANUAL

NJCU WEBSITE TRAINING MANUAL NJCU WEBSITE TRAINING MANUAL Submit Support Requests to: http://web.njcu.edu/its/websupport/ (Login with your GothicNet Username and Password.) Table of Contents NJCU WEBSITE TRAINING: Content Contributors...

More information

Editing the Main Template Using Microsoft Front Page

Editing the Main Template Using Microsoft Front Page Editing the Main Template Using Microsoft Front Page This is the Solutions for Your Life main template. Below you will find information on how to edit each section. The first thing to realize about Front

More information

Personal Portfolios on Blackboard

Personal Portfolios on Blackboard Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

Vodafone Business Product Management Group. Hosted Services EasySiteWizard Pro 8 User Guide

Vodafone Business Product Management Group. Hosted Services EasySiteWizard Pro 8 User Guide Vodafone Business Product Management Group Hosted Services EasySiteWizard Pro 8 User Guide Vodafone Group 2010 Other than as permitted by law, no part of this document may be reproduced, adapted, or distributed,

More information

Help on Icons and Drop-down Options in Document Editor

Help on Icons and Drop-down Options in Document Editor Page 1 of 5 Exact Synergy Enterprise Help on Icons and Drop-down Options in Document Editor Introduction The following table provides descriptions on the icons and drop-down options that are available

More information

Getting Started with Google Sites

Getting Started with Google Sites Getting Started with Google Sites Getting Started with Google Sites 1 Background Information Google Sites is an online application that makes creating a team web site as easy as editing a document. With

More information

10.1. The Main University News System

10.1. The Main University News System 10.1. CMS Information Sheet 10.1 is similar to Departmental News pages but not exactly the same due to specific requirements from the Communications & Public Affairs Department. University News: http://www.aber.ac.uk/en/news

More information

Moodle book. Create a Book. Faculty of Business

Moodle book. Create a Book. Faculty of Business Moodle book The Book resource is, in essence, a series of connected webpages, making it easy to create multi-page resources with a book-like format. Previously created Word documents or webpages can be

More information

CMS Cheat Sheet for Communiqués

CMS Cheat Sheet for Communiqués LOGIN https://cascade.csueastbay.edu:8443 http://www.csueastbay.edu/cascade Both URLs work. Use your NetID and password to access the system. Firefox is the preferred browser. Click Continue or OK if the

More information

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

More information

BlackbaudNetCommunity. Blackbaud NetCommunity User Guide

BlackbaudNetCommunity. Blackbaud NetCommunity User Guide BlackbaudNetCommunity Blackbaud NetCommunity User Guide 121107 2007 Blackbaud, Inc. This publication, or any part thereof, may not be reproduced or transmitted in any form or by any means, electronic,

More information

Web Portal User Guide. Version 6.0

Web Portal User Guide. Version 6.0 Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries

More information

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator. 1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to

More information