Step 1: Log In to Your Dashboard
Step 1: Access Your Astrology Dashboard
Open the Login Page:
- Launch the astrology dashboard login page from your browser.
Fill in Your Credentials:
- Use your email address to fill the "Email" section.
- Enter your password in the "Password" field. (Reset it by clicking "Forgot Password" if necessary.)
Log In to Continue:
- Select the purple "Sign In" button to proceed.
New to the Dashboard?
- Use the "Sign Up" link below to register a new account.
Step 2: Navigate to the Dashboard
After logging in, you will be directed to the main dashboard. Here, you can access multiple features like subscriptions, billing, API keys, and widgets.
- Locate the Widgets option in the left-hand menu.
- Click on it to view and manage your Chinese horoscope widgets.
Step 3: Select the Desired Widget
In the widget section, you’ll find a list of available widgets, such as Horoscope, Indian Astrology, and Tarot Widgets. Select Horoscope to proceed and then choose the Chinese Horoscope option.
Step 4: Access the Widget Customization Panel
Access the Customization Panel:
- Open the panel after selecting the Chinese Horoscope widget.
Integration Options:
Select one of the following:
- Option 1: Script Code Snippet: Copy and paste the script into your website’s HTML.
- Option 2: Iframe Code Snippet: Use the iframe code for embedding the widget.
- Option 3: WordPress Shortcode: Copy this shortcode and paste it into a WordPress page or post.
- Note: WordPress users must activate the required plugin for proper functionality.
Copy and Paste the Code:
- Choose your method, click the copy icon, and add the code to the desired location on your website.
Step 5: Preview Horoscope Content
The widget preview section displays personalized Chinese horoscope readings based on the user’s zodiac sign. Users can select their sign (e.g., Dog, Dragon, Ox, etc.) from the dropdown and toggle between different periods such as Yesterday, Today, and Tomorrow for daily insights.
In addition, users can explore horoscope predictions in various categories such as Growth, Health, Wealth, Career, Love, and Family. These predictions offer users a detailed look into different aspects of their life, based on their Chinese zodiac sign.
This preview helps you understand how the widget will look on your website, ensuring it aligns with your website’s aesthetic.
Make sure the content is engaging and relevant to your target audience, offering personalized and actionable insights.
Step 6: Configuring the Widget
Customize the widget's appearance and functionality to align with your page design and user preferences. Follow these steps:
1. Change the Setting Name:
Steps to Create a New Setting for Chinese Horoscope Widget:
- Click the “+ Create New Setting” button located on the top-right of your settings screen.
- Give your setting a name like "Chinese Horoscope - Setting 1" for future reference.
- Personalize the widget by applying changes to its layout, colors, and typography.
Editing an Existing Setting:
- Open the “Choose Your Setting” dropdown to select an existing configuration.
- Hit the “Edit Setting” button to access customization options.
- Change section visibility, enable/disable features, or modify the widget’s design.
For more information on managing multiple widget settings, refer to this detailed guide.
2. Adjust the Color Scheme:
Click on the Color Scheme option in the customization panel.
Pre-set Themes: Explore a variety of pre-designed options, each offering Light, Light Accent, Accent, Dark, and Dark Accent tones to fit your design style, from minimalist to vibrant.
Fine-Tune Colors: Each theme comes with additional customization options to adjust accents and tones for a personalized look.
Edit Individual Colors: Click the Edit (Pencil Icon) to customize:
- Primary Colors: Set for Background, Headings, Paragraphs, and Lines.
- Secondary Colors: Set for Background, Headings, Paragraphs, and Lines.
3. Adjust the Fonts:
Navigate to Font Settings:
- In the settings panel, select the "Fonts" option to access font customization.
Explore Font Choices:
- Choose a font style that complements your widget’s design.
See Immediate Results:
- The selected font is applied instantly in the preview section for you to evaluate.
4. Heading and Subheading
Customize the widget's heading and subheading to align with your website's style and message.
Heading:
- Enter your desired title in the Heading field (e.g., "Chinese Horoscope - Discover Your Chinese Zodiac").
Subheading:
- Add a brief description in the Subheading field (e.g., "The Chinese Horoscope widget provides readings based on the Chinese zodiac, offering insights into your personality, destiny, and life path.").
Note:
You can personalize these texts to suit your needs. Changes will reflect instantly in the widget preview.
5. Configure Default Sign
- Select a default Chinese zodiac sign from the dropdown menu (e.g., Dog, Dragon, Ox, etc.). This sign will be displayed by default when the widget is first viewed by users.