In this guide, we'll show you how simple it is to make a point-and-click guide for your own software.
Nothing will go live on your own website, so don't worry.","inputText":null,"xOffset":null,"yOffset":null,"spotlightElement":null,"component":"slide","createdAt":"2018-06-25T13:35:37.000Z","updatedAt":"2018-06-25T13:39:29.000Z"},{"id":129180,"guideId":19689,"pageId":88568,"position":1,"number":1,"page":1,"target":"[data-nickelled-step=\"RNaXNn\"]","placement":"right","title":"Enter your website","content":"This is normally the app url","inputText":null,"xOffset":4,"yOffset":-29,"spotlightElement":null,"component":"step","createdAt":"2018-06-25T13:35:37.000Z","updatedAt":"2018-06-25T13:39:29.000Z"},{"id":129181,"guideId":19689,"pageId":88568,"position":2,"number":2,"page":1,"target":"DIV:nth-child(3) > LABEL:nth-child(1)","placement":"right","title":"Select Device","content":"We support Desktop and Mobile. Depending on how your site works you might want to build site specific guides","inputText":"mobile","xOffset":0,"yOffset":0,"spotlightElement":null,"component":"step","createdAt":"2018-06-25T13:35:37.000Z","updatedAt":"2018-06-25T13:39:29.000Z"},{"id":129170,"guideId":19689,"pageId":81944,"position":3,"number":3,"page":2,"target":null,"placement":null,"title":"This is the creation area","content":"Your app will load in here and you'll be able to record a demo for your prospects. Don't worry, they won't need to be logged in. To give you the idea, we've put an example app in here.","inputText":null,"xOffset":null,"yOffset":null,"spotlightElement":null,"component":"slide","createdAt":"2018-04-24T13:12:42.000Z","updatedAt":"2018-06-25T13:28:44.000Z"},{"id":129171,"guideId":19689,"pageId":81944,"position":4,"number":3,"page":2,"target":"DIV.portal","placement":"bottom","title":"Showcase key functionality","content":"Steps like this allow you to show off key part of your app.","inputText":null,"xOffset":516,"yOffset":-657,"spotlightElement":null,"component":"step","createdAt":"2018-05-07T08:56:46.000Z","updatedAt":"2018-06-25T13:28:44.000Z"},{"id":129172,"guideId":19689,"pageId":81944,"position":5,"number":4,"page":2,"target":"PAGE-STEPS:nth-child(1) > DIV:nth-child(1)","placement":"top","title":"Step users through your app","content":"As you add steps to your site, they'll appear down here. You can edit or rearrange them as you go.","inputText":null,"xOffset":-4,"yOffset":-1,"spotlightElement":null,"component":"step","createdAt":"2018-04-24T13:12:42.000Z","updatedAt":"2018-06-25T13:28:44.000Z"},{"id":129173,"guideId":19689,"pageId":81941,"position":6,"number":5,"page":3,"target":"NAV:nth-child(1) > DIV:nth-child(2)","placement":"top","title":"This shows you the live tab","content":"It's where you can interact with your live site and create the guide on","inputText":null,"xOffset":-14,"yOffset":2,"spotlightElement":null,"component":"step","createdAt":"2018-04-24T13:08:46.000Z","updatedAt":"2018-06-25T13:28:44.000Z"},{"id":129174,"guideId":19689,"pageId":81941,"position":7,"number":6,"page":3,"target":"[data-nickelled-step=\"uUXuqx\"]","placement":"right","title":"","content":"Or Let Nickelled auto-save as you go","inputText":null,"xOffset":5,"yOffset":-104,"spotlightElement":null,"component":"step","createdAt":"2018-04-24T13:08:46.000Z","updatedAt":"2018-06-25T13:28:44.000Z"},{"id":129175,"guideId":19689,"pageId":81944,"position":8,"number":7,"page":4,"target":"[data-nickelled-step=\"GonJGB\"]","placement":"top","title":"To create a step or welcome modal","content":"Just click on the add button below. You can then click on the page on your site to place it in location.","inputText":null,"xOffset":-30,"yOffset":7,"spotlightElement":null,"component":"step","createdAt":"2018-04-24T13:08:46.000Z","updatedAt":"2018-06-25T13:28:44.000Z"},{"id":129178,"guideId":19689,"pageId":81944,"position":9,"number":8,"page":4,"target":"[data-nickelled-step=\"EH7LxF\"]","placement":"top","title":"When you have multiple pages you can toggle between them at the top","content":"","inputText":null,"xOffset":-14,"yOffset":3,"spotlightElement":null,"component":"step","createdAt":"2018-04-24T13:08:46.000Z","updatedAt":"2018-06-25T13:28:44.000Z"},{"id":129177,"guideId":19689,"pageId":81944,"position":10,"number":9,"page":4,"target":"[data-nickelled-step=\"zi0izq\"]","placement":"top","title":"Save!","content":"When you've created your guide.","inputText":null,"xOffset":0,"yOffset":0,"spotlightElement":null,"component":"step","createdAt":"2018-04-24T13:08:46.000Z","updatedAt":"2018-06-25T13:28:44.000Z"},{"id":129176,"guideId":19689,"pageId":81944,"position":11,"number":10,"page":4,"target":"[data-nickelled-step=\"Oku5Le\"]","placement":"bottom","title":"Need help?","content":"Just let us know and we'll be there in a jiffy to answer your questions","inputText":null,"xOffset":0,"yOffset":0,"spotlightElement":null,"component":"step","createdAt":"2018-04-24T13:08:46.000Z","updatedAt":"2018-06-25T13:28:44.000Z"}],"showNickelledBranding":true,"styling":".nickelled__component { border-radius: 10px; border: 1px solid #1e4357; } .nickelled__component .nickelled__component__title, .nickelled__component .nickelled__component__body { color: #1e4357; } .nickelled__step .nickelled__step__progress, .nickelled__component .nickelled__component__title a, .nickelled__component .nickelled__component__body a { color: #ff5200; } .nickelled__component .nickelled__component__button { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; background-color: #1e4357; } .nickelled__component .nickelled__component__button--secondary, .nickelled__component .nickelled__component__button--even-left { border-bottom-right-radius: 0; } .nickelled__component .nickelled__component__button--primary, .nickelled__component .nickelled__component__button--even-right { border-bottom-left-radius: 0; } .nickelled__component .nickelled__thumbs-control--positive { border-bottom-left-radius: 10px; } .nickelled__component .nickelled__thumbs-control--negative { border-bottom-right-radius: 10px; } .nickelled__component .nickelled__component__button:hover { background-color: #1e4357; } .nickelled__component .nickelled__component__button--secondary { } .nickelled__component .nickelled__component__button--primary { } .nickelled__step .nickelled__step__number { background-color: #1e4357; } .nickelled__step__arrow.nickelled__step__arrow--up .nickelled__step__arrow__border { border-bottom-color: #1e4357; } .nickelled__step__arrow.nickelled__step__arrow--down .nickelled__step__arrow__border { border-top-color: #1e4357; } .nickelled__step__arrow.nickelled__step__arrow--left .nickelled__step__arrow__border { border-right-color: #1e4357; } .nickelled__step__arrow.nickelled__step__arrow--right .nickelled__step__arrow__border { border-left-color: #1e4357; } .nickelled__default-menu .nickelled__default-menu--open { border-bottom: 5px solid #1e4357; } .nickelled__default-menu .nickelled__default-menu__title { background-color: #1e4357; } .nickelled__default-menu .nickelled__default-menu__title:hover { background-color: #ff5200; } .nickelled__default-menu .nickelled__default-menu__item { color: #ff5200; } .nickelled__embedded .nickelled__embedded__item__link { color: #ff5200; } .nickelled__component .nickelled__step__number { background-color: #1e4357; } .nickelled__widget__label { color: #ff5200; } .nickelled__widget__title { color: #1e4357; } .nickelled__widget__link { background: #1e4357; } .nickelled__container:hover .nickelled__widget__link { background: #ff5200; }"};