Adding and Configuring Chinese Horoscope Widgets in Your Page

Widgets can greatly enhance the functionality of your page by providing interactive and personalized content. Here’s a step-by-step guide to adding and configuring a widget on your page.

Step 1: Adding a Chinese Horoscope Widget

Once you are in the Widgets section, you’ll see a range of available widgets categorized by different types, such as Horoscope, Tarot, and Astrology.

1. Select a Widget Category: On the left side under Widgets, you’ll see various categories like Horoscope, One Card Tarot, Two Card Tarot, Indian Astrology, Western Astrology, Numerology, and Other Popular Picks.

2. Choose a Widget: Click on the desired category. This will open up a selection of widgets within that category. For example, if you select Horoscope, you’ll see widgets like:

   • Divine Horoscope

   • Chinese Horoscop

3. Add the Widget to Your Page:

   • Click on the specific widget you want to add. For example, click on Chinese Horoscope under the Horoscope category.

   • The widget will automatically be placed on your page, and a settings panel for the widget will open on the left.

Step 2: Widget Settings Configuration

In this section, you’ll configure the basic settings for the widget’s appearance and initial content.

1. Heading:

   • Enter a title that reflects the widget's purpose. Typically, this would be "Chinese Horoscope" to make it clear to users what type of content they’re viewing.

2. Sub Heading:

   • Set this to an additional descriptor if needed, such as "Chinese Horoscope" or something more specific that resonates with your audience. For example, if your audience is particularly interested in traditional interpretations, you could use "Ancient Chinese Wisdom."

1. Default Sign:

• Choose a default Chinese Zodiac sign that will display when users first load the page. For example, you could select Dog, Dragon, or Rat, depending on what aligns with your audience’s preferences. This selection will be the initial focus until the user selects a different zodiac sign.

Step 3: Layout Adjustment

This section allows you to adjust the visual layout of the Chinese Horoscope widget to fit seamlessly with the design of your page.

1. Width:

   • Set the width of the widget to Small, Medium, or Large based on your page’s layout requirements. A Small width might be suitable for narrow sidebars, while Large could work well in main content areas.

1. Horoscope Layout:

Choose a layout style for presenting the Chinese zodiac signs:

• Single Icon: Displays one sign at a time with an emphasis on that icon.

• Grid Icon: Displays multiple icons in a grid format, ideal if you want users to see all signs at a glance.

• Carousel Icon: Creates a scrollable view, where users can swipe or scroll through each zodiac sign, one by one.

1. Horoscope Icon Layout:

Personalize the appearance of the icons by choosing an icon style. For example:

• v1 might offer a classic look.

• v2 could provide a more modern design.

• Experiment with different versions to find the one that best matches your page’s style.

1. Category Tab Position:

Set the position of category tabs for user navigation:

• Middle: Positions the tabs in the center, making them easily accessible.

• Bottom: Places the tabs below the content, creating a clean look if you want the content to take visual precedence.

Step 4: Final Review and Publishing

Once you've configured the widget settings:

1. Preview the Widget:

   • Click on the Preview button at the top right corner of the editor to see how the widget will appear on your live page.

   • Ensure that all elements look as expected, including layout, icon styles, and content alignment.

1. Make Adjustments if Necessary:

• If the widget doesn’t look the way you envisioned, return to the settings panel and tweak the options as needed.

1. Publish Your Changes:

• Once satisfied with the widget’s configuration, click the Publish button in the top-right corner of the screen to make the changes live on your website.

Conclusion

By following these steps, you’ll create a personalized, interactive horoscope experience for your users, enriching your site with engaging content. Configure, preview, and publish your widget to make astrology insights easily accessible and appealing to your visitors.