WidgetsStep 1: Log In to Your Dashboard
Begin by visiting the login page of your astrology dashboard. Enter your registered email ID and password, as shown in the image below, and click on the "Sign In" button.
- If you don’t have an account, you can click "Sign Up" to create a new one.
- Forgot your password? Use the "Forgot Password" option to reset it.
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 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 Western Astrology to proceed and then choose the Natal Basic option.
Step 4: Access the Widget Customization Panel
Once you select the Natal Basic widget, you will see the customization panel. This allows you to:
- Copy script codes for embedding on your website.
- Use iframe or WordPress shortcodes depending on your platform.
Step 5: Preview Natal Basic Content
The widget preview section displays personalized natal chart readings based on user input, including their name, date of birth, and time of birth. Users can see how their astrological blueprint is generated, with insights into their personality, life path, and potential.
This preview helps you understand how the widget will look on your website, ensuring it aligns with your website’s aesthetic and the engagement you want to provide to your visitors.
- This helps you understand how the widget will look on your website.
- Ensure the content is engaging for your target audience.
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. Create a New Setting:
- Click on the Create New Setting button located at the top right of the settings panel.
- This allows you to create and save a new configuration with a specific name and settings.
2. Change the Setting Name:
- Locate the Setting Name field in the settings panel.
- Enter your desired name to label this configuration.
3. Adjust the Color Scheme:
- Click on the Color Scheme option in the panel.
Select a Pre-set Theme: Choose from various pre-designed color themes, such as:
- Brut: Light, Light Accent, Accent, Dark, Dark Accent.
- Metallic: Subtle metallic tones with lighter and darker shades.
- Evergreen: Calm, green-toned color palettes.
- Burgundy: Modern themes with rich and vibrant shades.
- Serenity: Soft pastel shades including purples and whites.
- Emerald: A deep and rich green palette.
Color Scheme Section: Each pre-designed theme includes options like Light, Light Accent, Accent, Dark, and Dark Accent for fine-tuning colors.
- Customize Colors: Click the Edit (Pencil Icon) to adjust:
- Primary Colors: Background, Heading, Paragraphs, and Lines.
- Secondary Colors: Background, Heading, Paragraphs, and Lines.
Automatic Save: All changes are saved automatically, and you can preview updates in real time in the widget preview section.
4.Widget Settings Configuration
- Heading: Set the heading to "Natal Chart Reading - Explore Your Astrological Blueprint" to clearly indicate the widget’s purpose.
- Sub Heading: Optionally, add a descriptor, such as “Natal Chart Reading reveals insights into your personality, life path, and potential, based on your birth's celestial positions. Navigate your journey with confidence”. Navigate your journey with confidence. to resonate with your audience.
- From Heading: Customize the heading for the input section, like "Get your natal report."
- Button Label: Set a label for the action button, such as "Get Your Report."
- Show Gender Option: In the settings, enable or disable the gender selection feature to allow users to specify their gender, if relevant to the natal Basic report. This can provide more personalized insights for the user.
5.Customizing Content Sections
You can control the visibility of various sections to give users a more tailored experience:
- Personality: Show or hide the personality section to offer insights into the user’s core traits.
- Planet Positions: Display planetary positions to elaborate on the influence of planets at the time of birth.
- House Cusps: Include house cusp information to elaborate on life aspects like career, relationships, and more.
- Aspects: Show aspects to help users understand planetary interactions and their influence.
- Moon Phase: Display the moon phase to provide emotional insights.
- Sign Report: Add sign-related interpretations for each planet to enhance user understanding.
6.Section Order Adjustment
- Customize the order of these sections to suit user needs and improve navigation. For example, placing Personality and Planet Positions at the top can create a smoother user experience by presenting key insights first.
Step 7: Save and Embed the Widget
After finalizing the customization:
- Click the Save button.
- Copy the generated code snippet and embed it on your website.
Step 8: Editing Widget Settings
To modify the widget settings for better customization, follow these steps:
Locate the Widget:
- Navigate to the Widget List on the left sidebar and select the desired widget (e.g., Natal Basic).
Access the Settings:
- On the right side of the screen, click the Edit Setting button.
Make Customizations:
- After clicking Edit Setting, a settings panel will appear.
- Adjust parameters like layout, width, default zodiac sign, paragraph style, icon layouts, and more as per your preferences.
Save Changes:
- Once you’ve made the desired changes, ensure you click the Save button to apply your updates.
- The widget will now appear live on your website as per your settings.
Conclusion
Following these steps, you can effectively integrate the Natal Basic Widget on your page. This widget enriches the user experience by providing detailed natal chart readings, making astrological insights both accessible and engaging for your audience.