ROMMs Website - Wix Handbook

Website Management

Contents

— The ROMMs Website

4

— The Home Page

4

— Managing Website Pages

7

— Store Pages

9

— Changing the settings of a store page

10

— Creating a new store page

11

— Website Dashboard

12

— Adding products

13

— Adding product variations (Colours, Sizes, etc.)

15

— Adding collections

16

— The Wix Website Editor

17

— The Site Menu

19

2

— Tool Bars

20

— Editor Toolbar Features

21

— SEO Settings

22

— Website elements

24

— Mobile editor

26

— Marketing

28

— Email Marketing

28

— Coupon Codes

30

— Automations

32

— Analytics and Reports

33

— Managing Chat Inbox

34

— Contacts

34

— Store Orders

35

3

— The ROMMs Website — The Home Page

4

The header containing the ROMMs Logo, with the brand logos linking the respective brand.

View cart

The header when you click search.

Search

Menu Birthday club

User account

The main banner, contains a slide show of all four brands with the logo overlaid on top of brand videos and a button linking to the respective page.

To change the main banner, simply click on the banner you want to change and click Change Slide Background , and choose between an image or a video. You can see what different banners there are by clicking the arrows in the blue box.

The New In slide show banner shows products from the New In collection as a slide show, to change the products here you will need to manage the products that are listed in the New In collection. You can do this from the back-end or you can click Manage Products.

If you want to change the appearance of the slide show or which collection is displayed, you can click Settings.

5

The collections slide show banner has 3 collections on display, these can be changed by changing the column background as well as the button text and the button link.

The footer contains links to all sections of the websites, these are simple text boxes and the links are added in the text settings window.

The footer also contains the email subscription form, from here you can manage the notifications from subscriptions as well as the contacts that you have on the website.

6

— Managing Website Pages

Information Pages Here there are the information pages, these pages contain important information including the size guide and the contact details, the FAQs, the return policy, privacy policy, terms & conditions. These pages are accessed from the main menu and from the footer.

Brand Pages Here there are the brand pages, each brand has a store page where the products are shown and a brand page where there is more information about each brand.

Category Pages Here there are the category pages, these are the store pages that contain the separate clothing, accessory and footwear categories.

Hidden Pages These are pages that are not currently being used, but may contain old content or spaces to experiment with web layouts.

IMPORTANT TO NOTE: If a page is hidden then I can still be accessed if someone knows the URL, or if there is a link somewhere on the webiste. Hiding a page only hides it from a menu.

7

The Site Menu contains all the static pages of the website, which can be seen on the previous page. All other pages, including members pages and lightboxes can be selected from the other menus.

The sidebar menu is a lightbox that appears when the menu icon is clicked in the header. Just like the footer the button are all text boxes linking to the correct page.

If any new categories or brands are added then they would need to be input here manually and linked to the correct page.

8

Each brand has a store page and each category has a store page. To control what appears on each page you need to edit the collections in the product sections. You can also click on the store widget and click manage products. — Store Pages

9

— Changing the settings of a store page

In order to control what categories and options for filter the store by, you need to select the store widget and change the settings. You can also change the design of the store page, it is important to note however that any changes made to one store page will not affect the others, so changes need to be made manually on every page separately.

10

— Creating a new store page

The best way to create a store page, or any page that you already have a layout for, is to duplicate one that exists already. You can do this from the Site Menu. It is important to note that when you duplicate a store page the store widget will reset to the default

11

— Website Dashboard

To return to the dashboard from any page in the back-end. To add and edit e-commerce products. To track orders and see what products have been sold.

The search bar is an easy way to navigate the back-end

Here you can view messages from clients, see contact details and set up automations. Here you can update the SEO (search engine optimisation) and find the email marketing section. Here you can view statistics of the website, number of visits, duration of sessions etc. Here you can view invoices and sent up price quotes.

12

— Adding products

1. Select ‘Store Products’ in the navigation of the dashboard.

2. Click ‘New Product’

3. Select ‘PHYSICAL’

The other option is for a product that can be downloaded.

13

4. Name the Product

5. Add images. The first will be the thumbnail. The second will appear on hover if selected.

6. Place the product is the appropriate collection(s)

7. Add a price and/or discount.

8. Add a description

(optional) add the option for clients to add custom text.

(optional) add variations to the product. Different sizes, colours, etc.

9. Add a SKU product code

10. Click save to publish the product, or uncheck ‘Show in the online store’ at the top of the page and click save to save and hide the product.

You can also click this drop down and select ‘Save and duplicate’ if you would like to create a similar product.

14

— Adding product variations (Colours, Sizes, etc.)

You can add different variants, i.e. Sizes, Colours, etc. A list item will give the client a drop down menu of whatever options you list. And the colour option will allow you to allocate coloured circles to indicate the colour of the product. You can then link products to the respective colours and then only those product images will show in the gallery. Product variations can created by typing out the options separated by commas.

15

— Adding collections Collections are groups of products that are used to create store pages dedicated to specific sets of products, and can also be used to dedicate special discounts to.

Collections can be created in the collections page

Collections can also be added when creating a new product.

They can also be created by selecting multiple products in the store product dashboard and selecting ‘Add to collection’

16

— The Wix Website Editor

The Wix Editor gives you full design freedom with over 500 designer-made templates to make your own website. And with the innovative drag and drop builder, you can customize and change anything. Add more advanced functionality and build professional web apps with Velo by Wix, our robust development platform.

Publish changes to the live website

Preview the live site without publishing the changes

Site menu, just for navigating the editor.

Save changes in the editor, important not to use this if there are multiple people logged in to the same editor as changes will be lost.

Edit the contents in mobile view. Important to note that you cannot add some elements from mobile view.

Undo and redo buttons

Zoom out and reorder page segments

Control which toolbars are visible in the editor

Toolbar, see following pages for details

The Wix vertical menu, see the next page for details on each menu item

Add a link to text, images or shapes.

Animations options for the element entering a page

Adjust the settings of an element Design options (colour, fonts etc.)

17

Add to Site Add new elements to the page. See the following pages for more details.

Menus & Pages Create, sort and edit the pages of the website.

Theme Manager Update the colour and text themes of the website. Think of it like Character styles and swatches.

Background Change the background of the whole website.

Add Apps Add third party apps/widgets to the website.

Media Add and manage media that you have on the website.

Blog Edit the appearance of the blog home page and post pages and add elements.

My Store Manage the shop pages. Add shop elements to pages.

Ascend Business Tools Marketing tools provided by Wix.

18

— The Site Menu

In this menu all the website’s pages are listed and you can edit the names and other settings, as well as the SEO (search engine optimisation) settings and the social share images. You can also duplicate pages, which is a useful tool when you are building websites with similar pages. However, it is advisable that you set up both the web and mobile versions of a page before duplicating to save yourself extra work later.

19

— Tool Bars

These tool bars can be opened and hidden from the tools button here

See opposite page.

View or adjust the size of a selected page element.

View or adjust the position of a selected page element.

View or adjust the layered position of an element. In order to move pages between the header, page and footer you need to drag the element itself.

20

— Editor Toolbar Features

21

— SEO Settings

SEO settings help your website appear higher up on search engines.

The slug is what will be added to the url. For example: www.website.com/slug

The website’s title will appear on search engines and in the tab/window of the client’s browser The description will appear below the title on search engines. It also must contain keywords that will help search engines identify what is on the page.

22

From the social share section you can select what will appear when a link from the website is shared on social media.

You can select the preview image that will appear

The name of the page

And the description

23

— Website elements

From the Add to Page section, you can add the following elements.

Strip Elements that stretch from one side of a page to the other. They can be split into columns which provides a useful alternative to breakpoints if you need elements to adapt to different pages sizes. Text Text elements, recommended to use text themes to keep the text style of the websites consistent. Image Place an image from the media library on the page. Button Place an button from the media library on the page, to create a linkable object with a hover interaction. Gallery Place an gallery of images from the media library on the page. These elements can be combined with text and buttons. Decorative Add decorative elements like lines or vector shapes.. Interactive Here you will find full width slide shows which are an important element that combine the features of a strip and a gallery. Multiple elements can be added to them. Also, there are light boxes which are like pop-ups that appear on pages depending on triggers set. You will also find hover boxes here which are like buttons but you can add multiple elements to them. Box Add container boxes which will group together elements in an enclosed space. List Here you’ll find repeaters which are useful elements for containing data from datasets. Also, you can find tables here which are very basic but can be linked to datasets as well.

Video & Music Add video and music players either from media in the media gallery or with URLs. Menu & Anchor Add navigation menus to pages. And anchors. Social Add social bar and social media widgets to pages. Contact & Forms Here you can create user forms to collect data or for users to submit applications. You can also add Google map widgets. Embed Embed snippets of code to add custom widgets. Content Manager Add dynamic pages and datasets that can be linked up to other elements. Blog Add blog elements to pages. Store Add store page elements to a page. Bookings Add bookings elements to a page. Events Add events to a page if you are using the Wix Events app. Members Add Members elements and pages to the site . My Designs You can right click on elements that you have created and click ‘ Save to my Design’, those elements can then be found here.

24

25

— Mobile editor In this menu all the websites pages are listed and you can edit the names and other settings, as well as the SEO settings and the social share images.

IMPORTANT TO NOTE: Whenever changes are made on the web editor they must be checked on the mobile editor. If not, the layout or size of the website elements may look wrong.

Add to Mobile Add certain elements that will be hidden on the browser view. You are limited to Text, Images, Buttons, Decorations, Boxes and Social Bars.

Menus & Pages Navigate through the website’s pages. You can also hide certain pages on Mobile if you choose.

Background Change the background. We commonly use images as an alternative to the web banner as it shows much larger. We then create a gap in the layout so the design shows.

Mobile Tools Add mobile exclusive elements like back to top buttons and quick actions bars.

Hidden on Mobile Hide and show elements on mobile.

Page Layout Optimisation Automatically optimise the layout of your pages.

26

27

— Marketing

This is the marketing section which can be accessed from the dashboard side menu. Here you can create email campaigns and create tagetted Facebook adverts.

— Email Marketing

Here you can create promotional emails that can be sent to clients who have subscribed to your newsletter.

To create a new email, click Create a New Campaign or choose one of the templates from the top.

28

The email editor is very straight forward, you just need to drag and drop elements into the editor and edit them there.

It’s a good idea to send a test email to see how your email will look when it is received, from this menu you can also see how it will look on mobile.

Once you have designed the email you need to select the recipients, then you can schedule the time, and send.

29

— Coupon Codes

Coupon codes are how you give clients discounts and special offers.

You can create a coupon code form the coupons menu under Marketing & SEO. And then clicking New Coupon.

When ready the coupon codes can be input during checkout by the clients.

30

€ Discount Offer a discount in Euros.

% Discount Offer a percentage discount.

Free Shipping Offer free shipping.

Sale Price Offer a special price on a product or collection.

Buy X Get Y Offer a multi- purchase offers.

Choose a coupon code. Best to do it in full caps.

Choose a name. Something to identify it from the list.

Choose a value.

Apply To Choose if it can be

used only on a specific collection or product.

Choose a date. From when until when will it be valid.

Limit Uses. Select how many times it can be used. It’s a good idea to set a large number to you can keep track of how many people have used it.

Create. You’re done.

31

— Automations With automations you can set up emails (and other actions) to be sent automatically to clients when certain things happen. For example, you can set up an automation to send an email to a client who has left in their cart, or if someone subscribes to the newsletter you can send them a coupon code for a discount.

Automations can be accessed from the CRM Tools menu.

Choose what triggers the automation.

Choose what action needs to be taken when the trigger is made.

You will be given options depending on what action you choose, in this case you would need to choose which coupon code to use.

Choose who the email will be received by.

Here you can edit the email template, which will take you to the same editor as the email marketing.

Choose how long after the trigger that the automation should be sent.

Choose if another action should be added.

32

— Analytics and Reports From the Analytics and Report menu you can see how many people have visited the sit during a certain period of times, you can track how many of those visitors made purchases, and you can see how clients found the website in the first place.

33

— Managing Chat Inbox

You can manage your chats from Communications menu. You will also receive notifications at the top of the dashboard.

In these chat you will see every action that a client makes so it’s great for chasing leads.

— Contacts

The contacts section is where you can view everyone who has submitted their data to the site, either from the subscription form in the footer, or by purchasing something through the site.

34

— Store Orders

From the store orders menu you can how many orders there have been, as well as how many abandoned carts there have been. You can search to see what clients have ordered. And you can see if order have been fulfilled or not.

With email marketing you can target people who has purchased from your site previously, or people who has abandoned carts.

35

36