Having stories within your mobile app is available through our integration with Vajro.
Vajro is the one of the most popular Shopify mobile app builder, that allows users to build completely customizable, native iOS and Android apps for your Shopify store, increasing sales, engagement, and allowing users to build a brand their customers will love.
Here are steps on how to enable stories in your Shopify app :
Create the API key
Step 1:
Login to StorifyMe app and click on the Settings icon, that can be found at the bottom left.
Step 2:
Click the button button that says "Generate new API Key" under the API Access section. Copy the Account ID & new API key that has been generated.
Step 3:
Login to your Vajro account. Head over to the Plugins section of the Vajro admin dashboard, and click on View Collection.
Step 4: You'll find the StorifyMe plugin under the Others category. Click on it
Step 5:
Paste the Account ID and API key, and click on Save & Enable Now
Create the widget inside of StorifyMe app
Step 1:
Inside your StorifyMe app, enter the Widgets section & click on “Create a widget”.
In this case, the new widget will represent the section that will show highlighted stories section inside your app.
Step 2:
Customize widget by giving it a title, changing colors & adding stories you want customers to see inside your app. Save widget by scrolling down to the page and clicking “Create widget”.
Pro tip: You can create separate stories that will be just inside your app (discount, promotions, loyalty coupons, etc) and mark them with an “app” tag so you can later find & select them easily.
Add widget to your app
Step 1:
Once the widget is created, you should place it inside your app. To do this, navigate through share your widget section (see example).
Step 2:
You’ll get Widget embed code, but you don’t need the whole script. Copy just the 4-digits number from the script. (see example). Store this code as you will need it later.
Step 3:
Now head over to your Vajro dashboard and go to the Customize Content section from Design Editor on your Vajro dashboard, and click on Add Widget
Step 4:
Select StorifyMe from the widget list
Go Live with Your Widget
Step 1: Paste the widget ID from the StorifyMe (4-digits number we got before).
Step 2:
Click on Sync Stories after you paste the code, and you should see the stories section live being displayed on your home screen.
And that’s it! You now have mobile-first stories inside your mobile app!