If you would like Rep AI to integrate with TapCart and for your customers to have the ability to chat with Rep on your mobile app, please follow the steps below (More info about Tapcart):
1. From within the Rep console, navigate to the sidebar and select Settings >> Integrations.
2. You will be taken to the integrations page and will see all the integrations available. Click Connect within the TapCart icon.
3. You will see this TapCart integration modal pop up. Copy your account key and follow the instructions listed in this article. Pressing here will show you the instructions to set up the Tapcart integration from Tapcart's side properly.
4. After you press here, you will be taken to the following link in GitHub. Follow the instructions in the guide. You can follow a more detailed step-by-step guide below as well.
4.1. Create a new Custom Block: Within your Shopify account, you have your Tapcart app under Sales channels, which you will need to open. Click on Tapcart - Mobile App.
4.2 the Tapcart - Mobile App page opens up as seen below.
4.3 Now toggle towards Custom Block, and you will see the Launch Blocks Editor CTA appear.
4.4. Create a Custom Block by clicking on Launch Blocks Editor, and you will see the following screen where you need to edit the HTML, CSS, and JS.
4.5. Copy and paste the template HTML, CSS, and JS scripts from here to the Custom Block Editor. You must click on each template section to open it up and copy its contents.
- Index.html goes into the HTML section
- Scripts.js goes into the JS section
- Styles.css goes into the CSS section
4.6. You must make some code edits within the Javascript file. Below is what the javascript file originally looks like when you download it from the instructions.
4.7. In line 2 of the javascript file, you will see {{Account Key}}, which needs to be replaced with the account key provided in the Connect to Tapcart modal (seen below) from within the Rep console. In this example case, we would need to make the following adjustment in line 2:
var partnerKey = “qasanity121123” %% Switched from {{Account Key}}
4.8. Last step: Please set Tapcart SDK to 1.4 (recommended). From the Custom Block screen, you need to go to Settings on the right side.
4.9. Scroll all the way down settings and set the Tapcart SDK to v1.4
4.10. Once the adjustment is made, make sure to Save and then close.
5. Now drag the custom block on any page on your website where you would like to show Rep.
5.1 . You can preview how this will look with the Preview your app button