Merseytravel. Journey Planner Widget Application Guide

Transcription

1 Merseytravel Journey Planner Widget Application Guide December 2015

2 Contents 1. Accessing the widget application Creating a widget Step Creating a widget Step Creating a widget Step Creating a widget Step Editing an existing widget...9

3 1. Accessing the widget application The following document provides a user guide to the Merseytravel journey planner widget. To access the widget application, please visit Technical Requirements If you are using a content management system containing a WYSIWYG editor, some do not allow the use of iframes, however some do, therefore please confirm with the developer of your content management system beforehand. Ideally, copying and pasting the iframe code directly into the html page (if you have access) is the recommended process. 3

4 2. Creating a widget Step 1 The first stage in creating the widget is to complete Your Details. All of this information will be held in the database and be accessible by Travel Wise staff. The organisation name field will appear on the widget and viewable publicly. 4

5 3. Creating a widget Step 2 The second stage in creating the widget is to locate the attraction you want to get directions to. Firstly, enter a location name and postcode for the attraction and click the Map It! button. Upon clicking the page will refresh and a marker will appear on the map where the postcode is. If the marker is not exactly on target it can be moved around manually by clicking, holding and moving the marker around. When happy with the position of the marker click the Save Location button at the bottom of the screen. 5

6 3. Creating a widget Step 2 You will see your Location Name and Postcode displayed in a box at the top of the map. Click Edit and you can change the tab s Name, Postcode and location on the map. To proceed to step 3 go to the bottom of the page and click Next Step. 6

7 4. Creating a widget Step 3 The third stage allows the dimensions and colour of the widget to be selected before being able to preview the widget. The default dimensions are entered in the available fields but if required this can be changed to a custom size. Please note that minimum and maximum widths/heights do apply, these are shown above the dimension fields. There are 8 colours that can be chosen from, selecting and clicking the preview button will show the user the widget in the dimensions and colour which they have selected. When the user is happy with their selections they should click the submit button at the bottom of the screen to proceed to step 4. To go back to step 2 click the back button. 7

8 5. Creating a widget Step 4 The final stage will provide the embed code needed to place the widget on websites. If you are unsure how to use this code to place it onto a website please contact the persons/individual responsible for the website you wish to place the widget on. 8

9 6. Editing an existing widget You can access and edit your saved widgets at any time. Simply click Log In on the homepage and you will be taken to the page below. Enter your address and password and you will be taken to your saved widget where you can edit the name and add more locations. Once you have made your alterations click Next Step, choose your colour scheme, and you will taken to this NEW embed code. Copy and Paste this NEW code into your website. If you are unsure how to use this code to place it onto a website please contact the persons/individual responsible for the website you wish to place the widget on. 9

10 6. Editing an existing widget Enter your address and password and you will be taken to your saved widget where you can edit the name and add more locations. Once you have made your alterations click Next Step, choose your colour scheme, and you will taken to this NEW embed code. Copy and Paste this NEW code into your website. If you are unsure how to use this code to place it onto a website please contact the persons/individual responsible for the website you wish to place the widget on. 10