Integration Guide for Adding Gobi Stories to WordPress

Step 1: Install the Gobi Stories Plugin

  1. Login to Your WordPress Admin Dashboard
    • Open your web browser and go to your WordPress login page.
    • Enter your username and password, then click on the "Log In" button.
  2. Navigate to the Plugin Installation Page
    • In the left-hand menu, hover over "Plugins" and click on "Add New."
  3. Search for the Gobi Stories Plugin
    • In the search bar at the top right, type "Gobi Stories."
    • Look for the Gobi Stories plugin in the search results.
  4. Install and Activate the Plugin
    • Click the "Install Now" button next to the Gobi Stories plugin.
    • After the installation is complete, click the "Activate" button.

Step 2: Create or re-use a created Gobi Story

  1. Create a New Story
    • Go to Gobi Studio
    • Click on "Create New Story" to be redirected to the story editor.
    • Upload your video
    • Click create story
    • Copy the story ID
  2. Re-use a Story
    • Go to Gobi Studio
    • Choose one of the stories you have already made, click on it
    • Copy the story ID

Step 3: Embed Gobi Stories in WordPress Posts or Pages

  1. Add the Story to a Post or Page
    • Navigate to the post or page where you want to add the Gobi Story.
    • Paste the shortcode where you want the Gobi Story to appear.
    • Examples of shortcodes you can use:
      • Single story: [gobi stories="abc123"]
      • Multiple stories: [gobi stories="abc123,xyz456"]
      • Custom color: [gobi stories="abc123" color="#ff0077"]
      • Custom color and size: [gobi stories="abc123" color="#ff0077" bubble-size="160px"]
  2. Preview and Publish
    • Preview the post or page to ensure the Gobi Story is embedded correctly and appears as expected.
    • Once satisfied with the preview, publish the post or page.