Create Stories Campaign
Step 1: Select Stories and Click on Create New
On the Left Navigation of the Apxor Dashboard, Click on Stories.
After landing on the Stories campaigns listing page, click + Create New in the top right corner.
If you want to edit an already existing campaign, click on the three dots for the respective campaign under the Actions column on the rightmost.
Step 2: Capture the screen with Stories slot
After clicking on Create New, you'll be redirected to the newly created stories campaign. In the slide out from the right side, click Select Screen under the Design Config section on the right side of the Apxor dashboard.
Scan the QR Code using a mobile device that has your app installed on it.
Click to open the link that appears on your mobile device.
If your mobile device has not already been added as a Test Device, you'll be prompted to enter a name and add it as a Test Device. If your device has already been added, confirm the name by clicking on Okay. You'll then be redirected to the home screen of your app on the mobile device. In rare cases, if you are unable to see the Apxor Widget (a white circular icon with the Apxor logo) at the top of your mobile device, please close the app and scan again.
Navigate to the desired screen where you want to launch the Stories campaign. Click on the Apxor Widget at the top, then click on "Show Stories Slots" to see all the available Stories slots on the current screen.
Once you see all the available Stories Slots on the screen of your mobile device, click on the Apxor Widget, then click "Select this screen" to capture and cast the screen to the dashboard.
Step 3: Select the required Stories slot
Once the screen is cast onto the dashboard, select the stories slot where you want to launch the campaign. You can hover over and click on the available slots from the cast mobile device on the dashboard; alternatively, you can also select from the list of slots present in the table on the left of your cast screen on the dashboard. Click "Proceed to Select".
If you want to edit the selected screen or a stories slot/UI element, click on the pencil icon beside the Screen or UI Element name under the Design Config on the right side of the Apxor Dashboard.
Step 4: Design Your Story Campaign
Step 4.1: Design the story group
The Story Group is a collection of individual slides. Think of it like an individual Instagram profile: when you click on a thumbnail, you can view a series of slides posted by the user.
Clicking on "Create New" redirects you to the design page, where a slide-out panel on the right will appear with the following customization options for the story group. You can reopen the slide-out by clicking the story group thumbnail at the top of the design page.
Story Group Title: A short text under the story thumbnail, usually highlighting what the story is about. Unselect the Story Group Title if you don't want to show the title to the end user.
Story Group Thumbnail Icon: The URL of the icon you would like to shown as a thumbnail.
Unseen and Seen Story Group Border Color: Set the border color to be displayed for an unseen and seen story group.
Active and Inactive Progress Bar Color: Set the color to be displayed for the progress bar in seen and unseen state.
Slide Indicator: Enabling the slide indicator will segment the story group border into arcs, with each arc representing one slide. These arcs will be color-coded based on your chosen colors to show whether each slide has been seen or not. If you prefer to display the full circular border, unselect the Slide Indicator. In this case, the entire border will be highlighted in the selected unseen color if there is even one unseen slide.
Cover Badge: Text to indicate and highlight New Content or Offers.
Customize the Title and Badge Text: Customize the font family, style, color size and weight.
Step 4.2: Design the slides
Once you close the story group customization slide-out you can add and customize the slides. Use the design config section at the right side of the dashboard for each of the elements in your slide. Select the respective element from the left side of the dashboard or hover over it and click on the element in the simulator at the center.
Slide
Slide Config: Select the media type from image and video, and provide the URL for the media source.
Background Color: Select the background color for your slide.
Swipe Up Redirection: Enable this option to redirect users when they perform the swipe up gesture while viewing a slide on their device.
Mute Icon: Enable to add the mute icon on the slide. Upon enabling the end user will be able to mute the video on his device.
Slide Duration: For image slides, you can set the duration for which the slide should be visible before automatically moving to the next slide.
Header
The Header consists of the story thumbnail, a label, mute and the cross icons.
Adjust the header position by moving it up or down with the margin option.
Adjust the positions and spacing between elements by selecting the respective elements in the UI Layers section on the left side.
Customize the colors for the mute and cross icons.
Edit the text and text properties for the label.
Button and Copy Button
You can add either a button or copy button to your slide.
Customize the button color, style, width, corner radius and shadow.
Edit the text and the text properties.
Button Actions: You can set the on click action for the button.
Activity: Redirect the user to another activity. Select the activity from the dropdown.
Key Value Pairs: Add the Key Value Pair
Deep Link: Provide the Deep Link URL where the end user should be redirected
Copy: Provide the text or coupon code which should be copied.
Offset: Reposition the button by adjusting the horizontal and vertical offset values.
Button's Copy action vs Copy Button
For a copy button, the text visible and available for copying is same. Copy Button has a copy icon alongside text.
For a copy action of a normal button, the visible text and the text available for copying may vary as per the requirement.
Swipe up button
Customize the button color, style, width, corner radius and shadow.
Edit the text and the text properties.
Button Actions: You can set the on click action for the button.
Activity: Redirect the user to another activity. Select the activity from the dropdown.
Key Value Pairs: Add the Key Value Pair
Deep Link: Provide the Deep Link URL where the end user should be redirected
Step 4.3: Add Slide
You can see the slides in your story group at the top. Click on the + icon at the end of this to add another slide.
Step 5: Preview and Finalize
Select your test device and click on the "Preview on Your Device" button to view how your stories will appear within your app.
By following these steps, you can successfully create engaging Stories within the Apxor platform.
Best Practices
Educational Content:
Educational apps can use Stories to provide short lessons or advice. With some interactivity like quizzes or interactive diagrams users would actively work with information and improve its retention and learning outcomes.
E-commerce and Product Promotion:
Shopping apps can adopt Stories in order to present fresh arrivals, exclusive offers or style guides. In this way, including swipe-up links for smooth transition into complete purchase processes could prove to be a good influence on users when they make their choices about what to buy.
Health and Wellness Guidance:
Stories could be utilized by fitness apps to deliver workout routines, nutritional advice and motivation messages. Interactive features like touch-and-hold to pause or swipe gestures for navigation can enhance user immersion and adherence to healthy habits.
Gaming Apps:
Fuel the Excitement: Promote upcoming tournaments, in-game events, and special challenges through Stories. Include details like registration deadlines, eligibility requirements, and potential rewards. Utilize captivating visuals and short video snippets to pique user interest and encourage participation. Showcase highlights from professional e-sports matches or competitive gameplay within the game. Include commentary from experts or pro-gamers offering tips and strategies to elevate user skills. Generate excitement around upcoming game updates or new character releases through teaser trailers or sneak peeks incorporated within Stories. This creates a sense of anticipation and keeps users coming back for more.
OTT Platforms:
Generate excitement about recently launched TV shows or movies by featuring trailers, exclusive behind-the-scenes peeks, or interviews of the actors in Stories. This can create curiosity among readers and impel them to bookmark these titles. Making use of user data and viewing patterns, personalized content recommendations can be made through Stories. By using flashy visuals and short clips from the programs or movies, users are convinced to try different genres or go back to those they love most. Through stories, highlight the benefits with subscribers’ eyes on subscribing afresh or renewing their subscriptions. This could range from; access to limited-edition content pieces, early premieres, discounts on merchandise among others. Inclusion of interactive quizzes or polls within Stories enables gauging user tastes thereby adjusting contents accordingly. It doesn’t only provoke conversations but also offers insights to the OTT platform when they want to curate their content library.
Last updated
