Website/Pages/Stripes/Items/Elements



ID Marketing NZ makes web building easier with the use of a simple hierarchy. Each website you’ll build has 4 levels: At the very base there are Elements; A number of elements create an Item; Several Items together create a Stripe; And several stripes combined build a Page; The pages of course, is what your Website consists of. Every level has its own menu and settings. Take this stripe for example:





If you click any of the elements on the stripe, you will see several menu items that you can hover over to reveal a submenu. Each submenu allows you to control one of the levels - element, item and the section (stripe) as a whole. You can also make different stylistic changes to the site as a whole through the website style menu. To reach it, hover over the settings button at the top of the editor page, and click site settings:





Click & Edit, Mix & Match



With ID Marketing NZ you no longer need to stick to the tiresome drag & drop method. In fact, every template you choose has inbuilt features and functionalities. Your website’s pages are built out of stripes which include elements and items. All you have to do is mix & match the types of stripes and elements you want and then simply click & edit to suit them to your needs. You can add as many stripes as you wish to your page, and add different elements within them to create a unique design. You never have to start from scratch, since templates are always ready for you to redesign with the fonts, colors, videos and images of your choice.



Adding a stripe



Each page in your site is assembled by stripes. You can add as many different stripes as you wish to fit the functionality and the design of your choice. To add a new stripe to a page: Select the best location for your new stripe between the existing ones and click the blue plus (+) button which appears as you hover:





Now, you’ll see a variety of sections to choose from. These are sorted into galleries according to their function. From the left menu, select the type of stripe you’re looking for:





As you click on the section of your choice, on the right you’ll see different design templates. Use the arrow buttons to browse through them until you find the one you like. After selecting a template, click the Add Section button – the green plus (+) to add the stripe to your page. All done! Time to edit your new stripe.



Managing stripes



On our left-click menu, the bottom row controls the Stripe settings:





* Pressing the "Section Settings" load the Stripe settings panel. There are different types of menus for different type of stripes.









As a rule, the menu lets you to change the background, edit the layout, add effects, and play with the general appearance of the stripe. It also lets you add new items, such as slides and text sections. Click the Manage button to easily remove, duplicate and change the order of the items on the stripe. Simply hover above items to see the available options, then click DONE to save any changes. * Pressing the up and down arrows will reorder accordingly the location of the stripe on the site. * Pressing the + sign will open the Add A New Stripe interface. * Pressing the Squares sign will copy the stripe. To Paste it at the location of your choice: Click on the + sign and choose Paste (bottom option):





* Pressing the Red X sign will remove the stripe.



adDING A PAGE



TO ADD A PAGE:



Hover above Home in the left corner of the Top Toolbar and click the Add a New Page





You’ll see a gallery with different page templates. Here you can copy an existing page, add blank pages or select one from the available designs. Click the page design of your choice and name it.





Select Add Page. Next, you’ll be asked if you wish to add it to your site’s main menu. Choose the option you prefer. Welcome to your new page: let the editing begin!



mANAGING PAGES AND MENUS



You can navigate between pages and manage them from the TOP TOOLBAR



On the left of the toolbar you’ll see a dropdown menu with the name of the page you’re currently editing. To navigate to a different page, simply select it from the menu.





There you will also find options for renaming or duplicating the page you’re working on. Click the Manage Pages button to change the order of your pages, clone or delete them completely. Hover above the thumbnail of a page and you’ll see a small toolbar with the available options.





Keep in mind, however, changes you make in this section won’t affect your website’s menu. To do this, select Manage Menu from the Top Toolbar. Here you can choose the design of your site’s menu, delete or arrange the order of its sections, and add links.







For more customization options for a specific page, select Page Settings in the Settings section on the top toolbar.





Adding and removing elements



To add a new element, click any of the existing elements on the stripe, hover over the first option, and click the + symbol to add a new element:





This opens a menu with elements for you to choose from. The selection depends on the type of item you’re adding the element to. In general, you can add videos, images, prices, buttons, icons, maps and dividers, as well as social media buttons, text areas, titles and subtitles. Simply click on the type of element you want to add, and it’s there.





To delete an element, click on it. A mini-menu will open. Hover over the first option, and click on the red X and your element is gone.





PICTURES



* Please note, it may look like we have a media center feature however we disabled this to keep the price as low as possible for our users! Remember just pop to CANVA and get a huge amount of stock images from them.



To add a picture element, click on the item where you’d like it to be. Then hover over the first option, and select Upload Pic



To edit the appearance of your image - add filters and color overlays, choose its opacity, or crop it - click the image again, hover over the first option, and choose Color Settings.





Website Background To add an image to the background of the entire website, go to the website style menu from the settings menu found at the top of the editor page. Like with the regular image element, here you can also choose to upload an image from your computer, or select one from our media center.





TEXT - TITLE, SUBTITLE, BODY



There are 3 kinds of text elements on your page: Title, Subtitle and Body. To edit, just click on one of them and a mini-menu will open:





Click the EDIT button to change the txt along with its font, color and size





editing the stule of specific words in the text



1) Click the text your want to edit, then click 'Edit Body' (or title/subtitle for that matter).





2) You're going to see the following text editing options:





3) On a Body element, you can access the advanced text editor. Just highlight the words you want to edit, and then a whole new world of editing options will suddenly pop:





4) Go nuts! Just don't over do it. Usually the cleaner the text, the better it looks.



videos





A default video will appear in the stripe. To change the video, click on it and a menu will pop up.





Click Edit Video, and paste a link from YouTube or Vimeo into the box. Make sure to only enter the video ID of the video. For example, for the video with this URL: https://www.youtube.com/watch?v=RqViIhcxhvY, only enter RqViIhcxhvY.





You can set the video to autoplay, change its size, mute it and make it loop. Remove any text elements that you don't want to appear in the foreground of the video stripe. To do so, click the element you wish to remove, hover over the first option, and click the red X icon. Once you’re done, click Save to return to editing mode.



To add a video: Click on one of the elements in the stripe where you wish to add the video. Hover over the first option, and click the + symbol to add an element. A selection of elements for you to add will show up: choose the one with the video icon.





publishing your site



PUBLISHING YOUR SITE IS A SIMPLE PROCESS



Hover over the right corner of the Top Toolbar:





Click on Leave Page to head to the SECURE Payment form







FIRST TIME USERS:

Sign up for one of plans - After that pay NO MORE per month for as many websites as you like. You'll receive your coupon code to input via email.


I HAVE ALREADY PAID:

Fear not..... Check your emails for a coupon code, fill in the coupon code when you'd like to publish another website for no more COST. Make sure you login via your email address that you signed up with!



WELL DONE - Go Ahead and add your domain :)