{"steps":[{"id":1,"tourID":2,"position":[200,80],"start":true,"content":"","buttons":[],"settings":{"tourID":2,"texts_font":"Lato","tooltip_font":"Lato","arrow_font":"Lato","dialog_font":"Lato","title":"Checkout 1","type":"showElement","url":"/payment-checkout/","domElement":"#listings_checkout_form>DIV:nth-child(1)>DIV:nth-child(2)>DIV:nth-child(1)>DIV:nth-child(1)>LABEL:nth-child(3)>DIV:nth-child(1)>LABEL:nth-child(2)","headerText":"Lets help you che","text":"Please select Paystack as your payment gateway","codeJS":"","continueAction":"click","startDelay":"0","continueDelay":"6","textStyle":"arrow","offsetX":"7","offsetY":"-7","backgroundColor":"#1abc9c","textColor":"#ffffff","headerColor":"#1abc9c","headerTextColor":"#1abc9c","footerColor":"#ccc","textSize":"28","headerTextSize":"56","entryAnimation":"fadeIn","animation":"heartBeat","position":"top","useOverlay":1,"overlayOpacity":"0.7","overlayColor":"#000000"}},{"id":2,"tourID":2,"position":[345,80],"start":false,"content":"","buttons":[],"settings":{"tourID":2,"texts_font":"Lato","tooltip_font":"Lato","arrow_font":"Lato","dialog_font":"Lato","title":"Proceed to next 1","type":"showElement","url":"/payment-checkout/","domElement":"#listings_checkout_form>DIV:nth-child(1)>DIV:nth-child(2)>BUTTON:nth-child(3)","headerText":"My title","text":"Now you can proceed to the next section","codeJS":"","continueAction":"click","startDelay":"0","continueDelay":"6","textStyle":"tooltip","offsetX":"-16","offsetY":"-14","backgroundColor":"#1abc9c","textColor":"#ffffff","headerColor":"#1abc9c","headerTextColor":"#1abc9c","footerColor":"#ccc","textSize":"18","headerTextSize":"56","entryAnimation":"fadeIn","animation":"heartBeat","position":"down","useOverlay":0,"overlayOpacity":"0.7","overlayColor":"#000000"}},{"id":4,"tourID":2,"position":[490,82],"start":false,"content":"","buttons":[],"settings":{"tourID":2,"texts_font":"Lato","tooltip_font":"Lato","arrow_font":"Lato","dialog_font":"Lato","title":"Turn on Coupon Code","type":"showElement","url":"/payment-checkout/","domElement":"#listings_checkout_form>DIV:nth-child(1)>DIV:nth-child(1)>DIV:nth-child(11)>DIV:nth-child(1)>DIV:nth-child(1)>DIV:nth-child(1)>DIV:nth-child(1)>LABEL:nth-child(1)>SPAN:nth-child(2)","headerText":"My title","text":"Turn on Coupon Code only if you have a valid coupon.","codeJS":"","continueAction":"delay","startDelay":"0","continueDelay":"4","textStyle":"arrow","offsetX":"-20","offsetY":"-30","backgroundColor":"#1abc9c","textColor":"#ffffff","headerColor":"#1abc9c","headerTextColor":"#1abc9c","footerColor":"#ccc","textSize":"20","headerTextSize":"56","entryAnimation":"fadeIn","animation":"heartBeat","position":"down","useOverlay":1,"overlayOpacity":"0.7","overlayColor":"#000000"}},{"id":6,"tourID":2,"position":[662,82],"start":false,"content":"","buttons":[],"settings":{"tourID":2,"texts_font":"Lato","tooltip_font":"Lato","arrow_font":"Lato","dialog_font":"Lato","title":"Insert Coupon Code","type":"showElement","url":"/payment-checkout/","domElement":"#listings_checkout_form>DIV:nth-child(1)>DIV:nth-child(1)>DIV:nth-child(11)>DIV:nth-child(1)>DIV:nth-child(2)>INPUT:nth-child(1)","headerText":"My title","text":"Then insert your coupon code here","codeJS":"","continueAction":"delay","startDelay":"0","continueDelay":"3","textStyle":"arrow","offsetX":"-14","offsetY":"-36","backgroundColor":"#1abc9c","textColor":"#ffffff","headerColor":"#1abc9c","headerTextColor":"#1abc9c","footerColor":"#ccc","textSize":"20","headerTextSize":"56","entryAnimation":"fadeIn","animation":"heartBeat","position":"down","useOverlay":1,"overlayOpacity":"0.7","overlayColor":"#000000"}},{"id":14,"tourID":2,"position":[815,84],"start":false,"content":"","buttons":[],"settings":{"tourID":2,"texts_font":"Lato","tooltip_font":"Lato","arrow_font":"Lato","dialog_font":"Lato","title":"Apply Code","type":"showElement","url":"/payment-checkout/","domElement":"#listings_checkout_form>DIV:nth-child(1)>DIV:nth-child(1)>DIV:nth-child(11)>DIV:nth-child(1)>DIV:nth-child(2)>BUTTON:nth-child(2)","headerText":"My title","text":"Then click Apply button to apply your coupon code","codeJS":"","continueAction":"delay","startDelay":"0","continueDelay":"3","textStyle":"arrow","offsetX":"-19","offsetY":"-38","backgroundColor":"#1abc9c","textColor":"#ffffff","headerColor":"#1abc9c","headerTextColor":"#1abc9c","footerColor":"#ccc","textSize":"20","headerTextSize":"56","entryAnimation":"fadeIn","animation":"heartBeat","position":"down","useOverlay":1,"overlayOpacity":"0.7","overlayColor":"#000000"}},{"id":16,"tourID":2,"position":[965,88],"start":false,"content":"","buttons":[],"settings":{"tourID":2,"texts_font":"Lato","tooltip_font":"Lato","arrow_font":"Lato","dialog_font":"Lato","title":"Check Price","type":"showElement","url":"/payment-checkout/","domElement":"#listings_checkout_form>DIV:nth-child(1)>DIV:nth-child(1)>DIV:nth-child(11)>UL:nth-child(2)>LI:nth-child(3)>SPAN:nth-child(2)","headerText":"My title","text":"Please ensure pricing is correct.","codeJS":"","continueAction":"delay","startDelay":"0","continueDelay":"3","textStyle":"tooltip","offsetX":"-16","offsetY":"-33","backgroundColor":"#1abc9c","textColor":"#ffffff","headerColor":"#1abc9c","headerTextColor":"#1abc9c","footerColor":"#ccc","textSize":"18","headerTextSize":"56","entryAnimation":"fadeIn","animation":"heartBeat","position":"down","useOverlay":1,"overlayOpacity":"0.7","overlayColor":"#000000"}},{"id":18,"tourID":2,"position":[1118,91],"start":false,"content":"","buttons":[],"settings":{"tourID":2,"texts_font":"Lato","tooltip_font":"Lato","arrow_font":"Lato","dialog_font":"Lato","title":"Proceed to next step","type":"showElement","url":"/payment-checkout/","domElement":"#listings_checkout_form>DIV:nth-child(1)>DIV:nth-child(2)>BUTTON:nth-child(3)","headerText":"My title","text":"Once have have completed all the previous steps, click Proceed To Next button.","codeJS":"","continueAction":"click","startDelay":"0","continueDelay":"6","textStyle":"tooltip","offsetX":"-12","offsetY":"-9","backgroundColor":"#1abc9c","textColor":"#ffffff","headerColor":"#1abc9c","headerTextColor":"#1abc9c","footerColor":"#ccc","textSize":"18","headerTextSize":"56","entryAnimation":"fadeIn","animation":"heartBeat","position":"down","useOverlay":1,"overlayOpacity":"0.7","overlayColor":"#000000"}},{"id":21,"tourID":2,"position":[1267,94],"start":false,"content":"","buttons":[],"settings":{"tourID":2,"texts_font":"Lato","tooltip_font":"Lato","arrow_font":"Lato","dialog_font":"Lato","title":"Payment","type":"dialog","url":"/payment-checkout/","domElement":"","headerText":"Payment","text":"Now that you have completed all the steps, please proceed by filling in your payment information required by Paystack to activate your plan. Thank you for your support.

Help Bot","codeJS":"","continueAction":"delay","startDelay":"0","continueDelay":"6","textStyle":"arrow","offsetX":"0","offsetY":"0","backgroundColor":"#dfdfdf","textColor":"#7f8c8d","headerColor":"#f53bf5","headerTextColor":"#ffffff","footerColor":"#ccc","textSize":"20","headerTextSize":"56","entryAnimation":"fadeIn","animation":"heartBeat","position":"down","useOverlay":1,"overlayOpacity":"0.7","overlayColor":"#000000"}}],"links":[{"originID":"1","destinationID":"2","conditions":[],"id":3},{"originID":"2","destinationID":"4","conditions":[],"id":5},{"originID":"4","destinationID":"6","conditions":[],"id":12},{"originID":"4","destinationID":"9","conditions":[],"id":13},{"originID":"6","destinationID":"14","conditions":[],"id":15},{"originID":"14","destinationID":"16","conditions":[],"id":17},{"originID":"16","destinationID":"18","conditions":[],"id":19},{"originID":"18","destinationID":"21","conditions":[],"id":23}],"settings":{"activated":false,"title":"CheckoutTour","runOnce":false,"startURL":"/payment-checkout/","devices":"","startMethod":"","allowedRoles":"","tourDomElement":"","showNavbar":false,"navbarPosition":"bottomLeft","navbarColor":"#000000","navbarOpacity":"0.8","navbarBtnsColor":"#1abc9c","texts_font":"Lato","texts_textColor":"#fcfcfc","texts_textSize":"34","texts_headerTextSize":56,"texts_headerTextColor":"#1abc9c","overlayOpacity":"0.7","overlayColor":"#000000","tooltip_font":"Lato","tooltip_textColor":"#ffffff","tooltip_backgroundColor":"#1abc9c","tooltip_textSize":"18","arrow_font":"Lato","arrow_textColor":"#ffffff","arrow_textSize":"28","dialog_font":"Lato","dialog_textColor":"#7f8c8d","dialog_backgroundColor":"#dfdfdf","dialog_headerColor":"#1abc9c","dialog_headerTextColor":"#ffffff","dialog_footerColor":"#ccc","dialog_textSize":16,"navbar_txtStopTour":"Stop the tour","navbar_txtNextStep":"Go to the next step","navbar_txtPreviousStep":"Return to the previous step","navbar_tooltipColor":"#1abc9c","navbar_tooltipTextColor":"#ffffff"},"indexID":23,"id":2}

Results For engagement announcement design Listings

Gold Pixel

Gold Pixel