How to Create and Use Webstories in Your Website

ვებ ისტორიები are a great way to present mobile-friendly, interactive content using slides. These are ideal for product showcases, promotions, restaurant menus, and visual storytelling.

1. Creating a New Web Story

1. Open the CMS Dashboard.
2. დააწკაპუნეთ Stories (Pro feature only).
3. დააწკაპუნეთ Add New Story.
4. Enter a Story Name (the slug is auto-generated).
5. Add an optional Description.
6. დააწკაპუნეთ ცვლილებების შენახვა.

Your new story will now appear in the Stories List, where you can:

✔ Edit – Customize slides and content.

✔ დუბლიკატი – Create a copy for future use.

✔ გადახედვა – See how it looks before publishing.

✔ წაშლა – Remove a story permanently.

2. Editing & Adding Slides to Your Story

Adding Pre-Made Story Slides

1. დააწკაპუნეთ Edit on your story.
2. დააწკაპუნეთ Add New Slide at the bottom.
3. Select a Pre-Made Story Layout from the Story Block Manager.
4. აირჩიეთ Replace Global Styling to match the selected template.
5. Repeat the process to add more slides.

Creating Custom Slides

1. დააწკაპუნეთ Add New Slide.
2. აირჩიეთ Blank Slide.
3. გამოიყენეთ Elements Drawer to add:

• ტექსტი
• ღილაკები
• Images
• Shapes (for backgrounds and design).

3. Customizing Story Elements

Web stories have unique editing features compared to regular page elements.

Placing and Resizing Elements

• Click to drag and reposition elements freely.
• Resize using the corner handles.
• გამოყენება text styling options to match your brand.

Using Buttons & Slide Navigation

1. Add a Button Element from the sidebar.
2. დააწკაპუნეთ Settings icon and select Slide Link.
3. Choose the target slide users should jump to when they click the button.
4. Adjust color, size, and position as needed.

4. Setting Up Story Navigation & Autoplay

1. დააწკაპუნეთ Story Settings (top-right corner).
2. Enable ავტომატური დაკვრა if you want slides to change automatically.

• Set the pause duration per slide (e.g., 3 seconds).

1. Enable მარყუჟი if you want the story to restart automatically.

5. Publishing and Previewing the Story

1. დააწკაპუნეთ გამოაქვეყნეთ to make the story live.
2. დააწკაპუნეთ გადახედვა to test the story before publishing.

• On desktop, you can click through slides.
• On mobile, swiping left/right will navigate the story.

1. To test mobile responsiveness:

• Press F12 on your keyboard to open the Developer Tools.
• დააწკაპუნეთ Device Toolbar and select a mobile device preview.

6. Linking Webstories to Your Website

Since Web Stories function like regular pages, you can:

• Add them to your navigation menu.
• Use a button/link to open a story.
• Embed them in blog posts, product pages, or landing pages.

7. Why Use Webstories?

Mobile-Optimized – Designed for a swipe-based experience.

Engaging & Interactive – Works like Instagram Stories or Google Web Stories.

Great for Visual Content – Ideal for promotions, tutorials, or mini-catalogs.

Easy to Navigate – Users can swipe through effortlessly.

By using ვებ ისტორიები, you can create immersive, visual content that keeps users engaged while seamlessly integrating into your website.