[{"data":1,"prerenderedAt":432},["ShallowReactive",2],{"navigation_docs":3,"-docs-apps-onboardly-onboardly-using-on-site-shopify":258,"-docs-apps-onboardly-onboardly-using-on-site-shopify-surround":429},[4,8,252],{"title":5,"path":6,"stem":7},"Getting Started","/docs","docs/index",{"title":9,"path":10,"stem":11,"children":12,"page":251},"Apps","/docs/apps","docs/apps",[13,23,57,139,145,167,189,219,241],{"title":14,"path":15,"stem":16,"children":17},"Badgefly - Product personalizer","/docs/apps/badgerfly","docs/apps/badgerfly/index",[18,19],{"title":14,"path":15,"stem":16},{"title":20,"path":21,"stem":22},"Installation Instructions for Badgerfly Product Customizer","/docs/apps/badgerfly/badgerfly-installation-badgerfly-product-customizer","docs/apps/badgerfly/badgerfly-installation-badgerfly-product-customizer",{"title":24,"path":25,"stem":26,"children":27},"BundleDiz- Create Combo Products","/docs/apps/bundleone","docs/apps/bundleone/index",[28,29,33,37,41,45,49,53],{"title":24,"path":25,"stem":26},{"title":30,"path":31,"stem":32},"Bundle creation","/docs/apps/bundleone/bundleone-bundle-creation","docs/apps/bundleone/bundleone-bundle-creation",{"title":34,"path":35,"stem":36},"How to create BUY1GETX offer on Shopify?","/docs/apps/bundleone/bundleone-how-to-create-buy1getx-offer-on-shopify","docs/apps/bundleone/bundleone-how-to-create-buy1getx-offer-on-shopify",{"title":38,"path":39,"stem":40},"How the inventory works","/docs/apps/bundleone/bundleone-how-to-track-inventories","docs/apps/bundleone/bundleone-how-to-track-inventories",{"title":42,"path":43,"stem":44},"Installation Manual for Bundlediz","/docs/apps/bundleone/bundleone-installation-manual-for-bundlediz","docs/apps/bundleone/bundleone-installation-manual-for-bundlediz",{"title":46,"path":47,"stem":48},"Set up a custom price for your bundle","/docs/apps/bundleone/bundleone-set-up-a-custom-price-for-your-bundle","docs/apps/bundleone/bundleone-set-up-a-custom-price-for-your-bundle",{"title":50,"path":51,"stem":52},"Why discount is not  adding to the checkout?","/docs/apps/bundleone/bundleone-why-discount-is-not-adding-to-the-checkout","docs/apps/bundleone/bundleone-why-discount-is-not-adding-to-the-checkout",{"title":54,"path":55,"stem":56},"How to add Fees to Product Bundles individually in Shopify","/docs/apps/bundleone/depositfee-how-to-add-fees-to-product-bundles-individually-in-shopify","docs/apps/bundleone/depositfee-how-to-add-fees-to-product-bundles-individually-in-shopify",{"title":58,"path":59,"stem":60,"children":61},"Pfand - Deposit & Cart Fee","/docs/apps/depositfee","docs/apps/depositfee/index",[62,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135],{"title":58,"path":59,"stem":60},{"title":64,"path":65,"stem":66},"Add Deposit / Cart Fees to Shopify POS (One-time + Multiple)","/docs/apps/depositfee/depositfee-add-deposit-cart-fees-to-shopify-pos-percentage-fees","docs/apps/depositfee/depositfee-add-deposit-cart-fees-to-shopify-pos-percentage-fees",{"title":68,"path":69,"stem":70},"DepositFee: Apply discount only on products (ignore fee amounts in bundled carts)","/docs/apps/depositfee/depositfee-discount-ignoring-fees-for-bundle-product-carts","docs/apps/depositfee/depositfee-discount-ignoring-fees-for-bundle-product-carts",{"title":72,"path":73,"stem":74},"Display Matching Fees Banner on Product Pages","/docs/apps/depositfee/depositfee-display-matching-fees-on-product-pages","docs/apps/depositfee/depositfee-display-matching-fees-on-product-pages",{"title":76,"path":77,"stem":78},"FAQ","/docs/apps/depositfee/depositfee-faq-why-fees-are-not-adding","docs/apps/depositfee/depositfee-faq-why-fees-are-not-adding",{"title":80,"path":81,"stem":82},"DepositFee Fee Strategy: Bundle with Product vs Bundle with Fees","/docs/apps/depositfee/depositfee-fee-strategy-bundle-fee-vs-bundle-product","docs/apps/depositfee/depositfee-fee-strategy-bundle-fee-vs-bundle-product",{"title":84,"path":85,"stem":86},"Add fees to individual or multiple products inside Product Bundle in Shopify","/docs/apps/depositfee/depositfee-how-to-add-fees-to-products-inside-bundle-product-on-shopify","docs/apps/depositfee/depositfee-how-to-add-fees-to-products-inside-bundle-product-on-shopify",{"title":88,"path":89,"stem":90},"How To Create Percentage based Product / Cart fees on Shopify","/docs/apps/depositfee/depositfee-how-to-create-percentage-based-product-cart-fees-on-shopify","docs/apps/depositfee/depositfee-how-to-create-percentage-based-product-cart-fees-on-shopify",{"title":92,"path":93,"stem":94},"How to create Pfand deposit fees in Shopify","/docs/apps/depositfee/depositfee-how-to-create-pfand-deposit-fees-in-shopify","docs/apps/depositfee/depositfee-how-to-create-pfand-deposit-fees-in-shopify",{"title":96,"path":97,"stem":98},"How to create range based fees in Shopify","/docs/apps/depositfee/depositfee-how-to-create-range-based-fee-in-shopify","docs/apps/depositfee/depositfee-how-to-create-range-based-fee-in-shopify",{"title":100,"path":101,"stem":102},"How to create Surcharge Fees in shopify?","/docs/apps/depositfee/depositfee-how-to-create-surcharge-fees-in-shopify","docs/apps/depositfee/depositfee-how-to-create-surcharge-fees-in-shopify",{"title":104,"path":105,"stem":106},"How to display Fee items text in Cart  below subtotal section in Shopify","/docs/apps/depositfee/depositfee-how-to-display-fee-items-text-in-cart-below-subtotal-section-in-shopify","docs/apps/depositfee/depositfee-how-to-display-fee-items-text-in-cart-below-subtotal-section-in-shopify",{"title":108,"path":109,"stem":110},"How to Hide Fee to appear as Product  in cart page.","/docs/apps/depositfee/depositfee-how-to-hide-fee-to-appear-in-cart-page","docs/apps/depositfee/depositfee-how-to-hide-fee-to-appear-in-cart-page",{"title":112,"path":113,"stem":114},"How to hide Fees from Collection & Home page?","/docs/apps/depositfee/depositfee-how-to-hide-fees-from-collection-home-page","docs/apps/depositfee/depositfee-how-to-hide-fees-from-collection-home-page",{"title":116,"path":117,"stem":118},"How to hide the fees from search results?","/docs/apps/depositfee/depositfee-how-to-hide-the-fees-from-search-results","docs/apps/depositfee/depositfee-how-to-hide-the-fees-from-search-results",{"title":120,"path":121,"stem":122},"How To Return Deposit Fee to customer","/docs/apps/depositfee/depositfee-how-to-return-deposit-fee-to-customer","docs/apps/depositfee/depositfee-how-to-return-deposit-fee-to-customer",{"title":124,"path":125,"stem":126},"How to Create Optional Fees in Shopify |  Manual mode.","/docs/apps/depositfee/depositfee-how-to-setup-manual-mode","docs/apps/depositfee/depositfee-how-to-setup-manual-mode",{"title":128,"path":129,"stem":130},"How to target my customers using deposit fees","/docs/apps/depositfee/depositfee-how-to-target-my-customers-using-deposit-fees","docs/apps/depositfee/depositfee-how-to-target-my-customers-using-deposit-fees",{"title":132,"path":133,"stem":134},"Installation & Update Manual","/docs/apps/depositfee/depositfee-installation-manual-pfand","docs/apps/depositfee/depositfee-installation-manual-pfand",{"title":136,"path":137,"stem":138},"Return Pfand in Shopify POS (Apply Return Credit)","/docs/apps/depositfee/depositfee-pos-return-pfand-credit","docs/apps/depositfee/depositfee-pos-return-pfand-credit",{"title":140,"path":141,"stem":142,"children":143},"Feedback Kitty","/docs/apps/feedback-kitty","docs/apps/feedback-kitty/index",[144],{"title":140,"path":141,"stem":142},{"title":146,"path":147,"stem":148,"children":149},"Job Portal - Create Career Landing page on Shopify.","/docs/apps/jobportal","docs/apps/jobportal/index",[150,151,155,159,163],{"title":146,"path":147,"stem":148},{"title":152,"path":153,"stem":154},"Ask Custom question to on application form","/docs/apps/jobportal/jobfly-ask-custom-question-to-on-application-form","docs/apps/jobportal/jobfly-ask-custom-question-to-on-application-form",{"title":156,"path":157,"stem":158},"Creating Career landing page on Shopify","/docs/apps/jobportal/jobfly-creating-career-landing-page-on-shopify","docs/apps/jobportal/jobfly-creating-career-landing-page-on-shopify",{"title":160,"path":161,"stem":162},"Job portal installation","/docs/apps/jobportal/jobfly-job-portal-installation","docs/apps/jobportal/jobfly-job-portal-installation",{"title":164,"path":165,"stem":166},"How to write good  job description with Images","/docs/apps/jobportal/jobfly-what-should-i-write-in-job-description","docs/apps/jobportal/jobfly-what-should-i-write-in-job-description",{"title":168,"path":169,"stem":170,"children":171},"NoaxAI - Transform Your Customer Service with AI","/docs/apps/noaxai","docs/apps/noaxai/index",[172,173,177,181,185],{"title":168,"path":169,"stem":170},{"title":174,"path":175,"stem":176},"NoaxAI Advanced Configuration - Expert Settings & Features","/docs/apps/noaxai/noaxai-advanced-configuration","docs/apps/noaxai/noaxai-advanced-configuration",{"title":178,"path":179,"stem":180},"NoaxAI Custom Responses - Personalize Your AI Assistant","/docs/apps/noaxai/noaxai-custom-responses","docs/apps/noaxai/noaxai-custom-responses",{"title":182,"path":183,"stem":184},"NoaxAI Installation Guide - Quick Setup for Your Store","/docs/apps/noaxai/noaxai-installation-guide","docs/apps/noaxai/noaxai-installation-guide",{"title":186,"path":187,"stem":188},"How to Train Your NoaxAI Assistant - Complete Guide","/docs/apps/noaxai/noaxai-training-guide","docs/apps/noaxai/noaxai-training-guide",{"title":190,"path":191,"stem":192,"children":193},"Onboardly - Onboard users to know you Site Better","/docs/apps/onboardly","docs/apps/onboardly/index",[194,195,199,203,207,211,215],{"title":190,"path":191,"stem":192},{"title":196,"path":197,"stem":198},"Best Practices for Creating Effective Onboarding Tours with Onboardly","/docs/apps/onboardly/onboardly-best-practices","docs/apps/onboardly/onboardly-best-practices",{"title":200,"path":201,"stem":202}," Install the Onboardly App in Shopify","/docs/apps/onboardly/onboardly-installation-shopify","docs/apps/onboardly/onboardly-installation-shopify",{"title":204,"path":205,"stem":206},"Install the Onboardly App in Wix","/docs/apps/onboardly/onboardly-installation-wix","docs/apps/onboardly/onboardly-installation-wix",{"title":208,"path":209,"stem":210},"How to Use the Onboardly App Dashboard","/docs/apps/onboardly/onboardly-using-dashboard","docs/apps/onboardly/onboardly-using-dashboard",{"title":212,"path":213,"stem":214},"How to Use the Onboardly App on Your Shopify Site","/docs/apps/onboardly/onboardly-using-on-site-shopify","docs/apps/onboardly/onboardly-using-on-site-shopify",{"title":216,"path":217,"stem":218},"How to Use the Onboardly App on Your Wix Site","/docs/apps/onboardly/onboardly-using-on-site-wix","docs/apps/onboardly/onboardly-using-on-site-wix",{"title":220,"path":221,"stem":222,"children":223},"RoundHoop - Rounding to nearest cents POS","/docs/apps/roundhoop","docs/apps/roundhoop/index",[224,225,229,233,237],{"title":220,"path":221,"stem":222},{"title":226,"path":227,"stem":228},"Automatic Rounding is here for RoundHoop! POS","/docs/apps/roundhoop/roundhoop-adding-auto-round-ups-to-cart","docs/apps/roundhoop/roundhoop-adding-auto-round-ups-to-cart",{"title":230,"path":231,"stem":232},"Creating Round Ups in POS to nearest cent | Shopify","/docs/apps/roundhoop/roundhoop-creating-rounding-pos-shopify","docs/apps/roundhoop/roundhoop-creating-rounding-pos-shopify",{"title":234,"path":235,"stem":236},"Enable RoundHoop POS Extension in POS","/docs/apps/roundhoop/roundhoop-installation","docs/apps/roundhoop/roundhoop-installation",{"title":238,"path":239,"stem":240},"Managing Home Screen Tiles and Visibility in RoundHoop POS","/docs/apps/roundhoop/roundhoop-managing-home-screen-tiles-visibility","docs/apps/roundhoop/roundhoop-managing-home-screen-tiles-visibility",{"title":242,"path":243,"stem":244,"children":245},"TodoGenie - Shoplist To Cart","/docs/apps/shotgenieai","docs/apps/shotgenieai/index",[246,247],{"title":242,"path":243,"stem":244},{"title":248,"path":249,"stem":250},"TodoGenie - Shoplist To Cart Installation Guide","/docs/apps/shotgenieai/shotgenieai-installation-guide","docs/apps/shotgenieai/shotgenieai-installation-guide",false,{"title":253,"path":254,"stem":255,"children":256},"ChangeLog","/docs/changelog","docs/changelog/index",[257],{"title":253,"path":254,"stem":255},{"id":259,"title":212,"body":260,"description":407,"extension":420,"links":421,"meta":422,"navigation":426,"path":213,"seo":427,"stem":214,"__hash__":428},"docs/docs/apps/onboardly/onboardly-using-on-site-shopify.md",{"type":261,"value":262,"toc":406},"minimark",[263,268,272,276,279,290,294,299,310,314,329,333,373,377,391,395,403],[264,265,267],"h2",{"id":266},"introduction","Introduction",[269,270,271],"p",{},"Onboardly is a powerful tool that helps you create onboarding tours for your users. This guide will walk you through the steps to use the Onboardly app on your Shopify site.",[264,273,275],{"id":274},"prerequisites","Prerequisites",[269,277,278],{},"Before you begin, ensure you have the following:",[280,281,282],"ol",{},[283,284,285,289],"li",{},[286,287,288],"strong",{},"Shopify Store",": Set up a Shopify store where you have installed the Onboardly app.",[264,291,293],{"id":292},"using-onboardly-on-your-shopify-site","Using Onboardly on Your Shopify Site",[295,296,298],"h3",{"id":297},"step-1-access-the-onboardly-dashboard","Step 1: Access the Onboardly Dashboard",[280,300,301,304,307],{},[283,302,303],{},"Log in to your Shopify admin.",[283,305,306],{},"Navigate to the Onboardly app from your app list.",[283,308,309],{},"The dashboard will open, displaying an overview of your onboarding tours.",[295,311,313],{"id":312},"step-2-create-an-onboarding-tour","Step 2: Create an Onboarding Tour",[280,315,316,323,326],{},[283,317,318,319,322],{},"In the Onboardly dashboard, click on ",[286,320,321],{},"Create Tour",".",[283,324,325],{},"Fill in the details for each step of the tour, including title, content, and optional image.",[283,327,328],{},"Save the tour and preview it to ensure it meets your requirements.",[295,330,332],{"id":331},"step-3-add-onboardly-to-your-store","Step 3: Add Onboardly to Your Store",[280,334,335,342,353,363,370],{},[283,336,337,338,341],{},"Go to the ",[286,339,340],{},"Online Store"," section in your Shopify admin.",[283,343,344,345,348,349,352],{},"Click on ",[286,346,347],{},"Themes"," and then ",[286,350,351],{},"Customize"," your current theme.",[283,354,355,356,359,360,322],{},"In the theme editor, click on ",[286,357,358],{},"Add section"," and select ",[286,361,362],{},"Custom content",[283,364,365,366,369],{},"Add a new ",[286,367,368],{},"Custom HTML"," block and paste the Onboardly script provided in the app configuration.",[283,371,372],{},"Save the changes.",[295,374,376],{"id":375},"step-4-start-the-onboarding-tour","Step 4: Start the Onboarding Tour",[280,378,379,382,385,388],{},[283,380,381],{},"Navigate to your Shopify store.",[283,383,384],{},"The Onboardly widget should appear on your site.",[283,386,387],{},"Click on the widget to start the onboarding tour.",[283,389,390],{},"Follow the steps of the tour to guide your users through your site.",[264,392,394],{"id":393},"conclusion","Conclusion",[269,396,397,398,322],{},"You have successfully set up and started using the Onboardly app on your Shopify site. You can now create and manage onboarding tours to enhance your user onboarding experience. If you encounter any issues, please contact our support team at ",[399,400,402],"a",{"href":401},"mailto:support@flydiz.com","support@flydiz.com",[269,404,405],{},"Happy onboarding!",{"title":407,"searchDepth":408,"depth":408,"links":409},"",2,[410,411,412,419],{"id":266,"depth":408,"text":267},{"id":274,"depth":408,"text":275},{"id":292,"depth":408,"text":293,"children":413},[414,416,417,418],{"id":297,"depth":415,"text":298},3,{"id":312,"depth":415,"text":313},{"id":331,"depth":415,"text":332},{"id":375,"depth":415,"text":376},{"id":393,"depth":408,"text":394},"md",null,{"date":423,"categories":424},"2025-01-12",[425],"onboardly",true,{"title":212,"description":407},"Jx88ymWlxFRdTAwhfK-DUFz8npy76EmclZkgNCorQMc",[430,431],{"title":208,"path":209,"stem":210,"description":407,"children":-1},{"title":216,"path":217,"stem":218,"description":407,"children":-1},1776406893239]