With Faqprime, you can design your product tour programmatically. This involves creating a sequence of messages, posts, images, videos, and social proof to guide your customers. You can use functions like faqBotStartJsonOnboarding, faqbotInsertOnboardingBanner, and faqbotInsertOnboarding to define the onboarding code
Here are the steps for the programmable product tours:
Step 1: Start function
faqBotStartJsonOnboarding(<variable contains the onboarding code say myOnboardingCode>);
Step 2: To define the onboarding code in the onboarding variable.
Say your variable is myOnboardingCode, it should contain either of these two functions i.e. faqbotInsertOnboardingBanner or faqbotInsertOnboarding with the right DOM, 'next'/'finish', question id and index. The last function call shall have the mandatory 'finish'.
Example:
var myOnboardingCode = "faqbotInsertOnboardingBanner('next', 78, 0); faqbotInsertOnboarding('HTML > BODY:nth-child(2) > SECTION:nth-child(6) > DIV:nth-child(1) > DIV:nth-child(2) > DIV:nth-child(3) > DIV:nth-child(1)', 'finish', 82, 1);";
List of functions:
To get the DOM Path of an element: Inspect element, right-click, and copy selector to find the DOM path of the element.