Karmactive TeamWeb stories have emerged as an engaging and interactive way to present content on the web, especially for mobile users. They offer a visually appealing format that’s easy to consume, making them a popular choice for many content creators. If you’re using WordPress, creating a web story is straightforward, but there are specific steps to ensure your story is both captivating and accessible. This guide will walk you through the process of creating a supplementary web story for your post, from gathering imagery to the final publishing steps. Whether you’re a seasoned WordPress user or a beginner, this step-by-step tutorial will help you craft a compelling web story for your audience.
Once you have published the post successful we begin our Next stage of creating a supplementary web-story for the post. Keep your given post doc open so that we can use the given content.
Step:1
For the web story Creation, we already gave you the image link, visit that link and add the relevant images to the key sentences.
Then you have to add the Image Link + Photo Source + Image Description after each key sentence. Like this:
If you are facing any issue please connect with your colleague.
After adding the images link in the doc files and Photo Source. Please connect with your colleague.
Step: 2 Download the images and optimize it and Upload on WordPress:
Watch this for full process: https://youtu.be/Ie3ZMym94vA
Tip: You can use Webp Image Format as well.
Step 3: Duplicate the Template No. 2
1: Go to the WordPress Dashboard. Then Select Stories Menu, later select the dashboard sub menu.
2: You will be redirected to the Web Story Dashboard. Check the top mid section “All Stories”, “Drafts”, “Published”, “Schedule”, and “Private”.
3: Go to the Drafts Section in the Web Story Dashboard.
4: Find the Template No.2 in the Draft Section. (If it is not there connect with your colleague)
5: After finding it, hover your cursor on the “Template 2”, The three dots will be appear at the right bottom corner. Click on those three dots, Select the “Duplicate”.
6: “Template 2” Duplicated with a new name, it’s “Template 2 Copy”.
7: Then hover your cursor on the duplicated template, then on the right bottom, click on the three dots. Find “Rename” and click on it and Add the web story title and rename your web story.
Step 4: Watch this video start from 15:12 (Video Link: https://youtu.be/HXg7ah_1WaI?si=uEnhp8iKu3j7vva6&t=912 )
Step 5:
Enter Slug: https://youtube.com/shorts/Btc3fEueze4?feature=share
After making the first page. Please connect with Uttam or Rahul for the checking.
Step: 6
- Web Story 3: https://youtu.be/ygbl_n4bnlY
- Add the Representative Image Layer: https://youtu.be/QRO151ZpFDo
- KM Logo Adding: https://youtu.be/PYHTQOcbNkc
- Add the article link in the web story: https://www.karmactive.com/article-link-adding-in-web-story/
- Check the preview of your web story on Chrome Browser.
For the final check. Please connect with Uttam or Rahul.
Step: 7
Web Story Calendar Docs File: https://docs.google.com/document/d/1EQWitbKNr54yvuACdcrlycAShKudlmVWF8oGaNwrC8U/edit?tab=t.3msjot6ulh0z
Web Story Calendar Tutorial: https://youtu.be/jmORspGTcZ0
Web Story Checklist:
- Image Finding (Add the image link in the doc file + Photo Source)
- Download the selected images (Photo File Size > Photo Dimension > Remove Properties > Rename with Web Story Title)
- Duplicate the Template
- Web Story Title + Poster Image + Slug + Story Description + Tags + Categories
- Title Page (Photo + Photo Accessibility + Web Story Title + Full Author Name + Karmactive Logo)
- Key Sentence Pages (Photo + Photo Accessibility + Key Sentence + Photo Source)
- Last 2 Key Sentence Page: Add the Published Article link in CTA, Add Read Full Story Text
- Next Story Page (Photo + Photo Accessibility +Next Story Text + Next Web Story Title + Next Web Story Link on the (Next Story Text and Next Story Title) + Next Web Story Link on the Background Layer CTA)
