What is Inveterate?
Shopify entrepreneurs, it's time to evolve. Trade in old reward systems for our savvy membership solution. Offer benefits like exclusive discounts, member pricing, store credit back, and special access, all automated. It's a powerful way to foster loyalty and keep your best customers shopping on your website. Let's redefine loyalty together.
Why Inveterate + Tapcart?
Bring the power of memberships to your in-app customers through this first of it's kind Tapcart integration.
How to Connect Inveterate + Tapcart?
The Inveterate integration is available to all Tapcart Enterprise customers with Custom Blocks enabled. For more information on Inveterate, check out their website.
Steps
The Inveterate <> Tapcart integration requires the use of Shopify Multipass when using Shopify Classic Customer Accounts. Multipass is only available for Shopify Plus merchants.
If your store is using New Customer Accounts, there is no further configuration needed to pass authentication between the app and the website.
Go to Shopify Admin and select Settings
Navigate to Customer Accounts then Multipass
Ensure that Multipass is enabled
Copy the Multipass Secret
Open your Tapcart Dashboard and navigate to Integrations
Select Shopify Multipass
Paste the Multipass Secret into the corresponding field
Click Save & Enable
Now you can create a custom screen for the membership page. Reference our Custom Screen instructions for more information on creating and using Custom screens in app.
Hover over App Studio in your Tapcart Dashboard header and select Screens
Click the v beside Home to see all your available screens in app
Navigate down to Custom Screens and open the Custom Screen folder
Click + Create Screen to add a screen
Once on the screen use Settings to select Web Based Custom Screens
Paste the URL for your membership program.
Toggle the Require users to be logged in on to pass authentication between the app and the website.
Add a Screen Title, configure the relevant options, and click Publish or Schedule the screen to go live as usual
Landing Page Redirect: The custom screen will display a landing page if the logged-in user is not an Inveterate member. This page will feature an Add to Cart button for the Inveterate subscription item.
If you allow users to buy an Inveterate membership through your landing page custom screen, you'll need to adjust the Add to Cart functionality. This ensures that when viewed within the Tapcart app, the item is added to the Tapcart cart, not the website cart.
You'll need a developer's help to modify the theme code to do this. Follow the steps below to create a condition on the Add to Cart button.
Adding Conditional Behavior
If you are sharing hosted code between a Tapcart solution (Block or Screen) and your website, then you'll want to implement conditional behavior anywhere an Action is used. This allows you to share code, and maintain a smaller total code base.
For example, if a user is on your website, and the user presses Add to Cart you're going to want to add that to the cart using a web flow. However, if a user presses Add to Cart, and is in the app, then you'll want to add the product to the native app's cart (using an App Action).
Add to Cart Example
Javascript
const hybridAddToCart = (params) => {
if(window.Tapcart.isInitialized){
window.Tapcart.actions.addToCart({...params})
} else {
...default functionality
}
}
The Inveterate page is ready to use in the app once all steps are completed. Link the page where it makes the most sense for your app design!
More Questions
If you have any questions about enabling the Inveterate integration, you should contact your in-house developer or agency partner.
If your developer or agency partner needs further guidance, information, or resources, please contact our team at [email protected].