Step-by-Step Guide to Access and Customize Numeroscope Widgets Using Your Dashboard

The Numerology Horoscope widget provides daily readings based on your numerological profile, offering insights into your personality, destiny, and life path.

 Last updated : 07 Jan, 2025

Step 1: Log In to Your Dashboard

  • Navigate to the Dashboard Login Page: Open your browser and visit the astrology dashboard login page.
  • Provide Your Credentials: Enter your registered email ID and password in the respective fields. (Click "Forgot Password" if you need assistance resetting it.)
  • Access Your Account: Click the "Sign In" button to enter your dashboard.

New to the Dashboard? Select "Sign Up" to create a new account and start managing your widgets.

 

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 Numeroscope 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 Numeroscope option.

 

Step 4: Finalize Your Widget Integration

Access the Panel:

  • Open the customization panel after selecting the Numeroscope.

Pick an Integration Method:
Choose from these three options:

  • Option 1: Script Code Snippet: Insert this script into your website's HTML to embed the widget.
  • Option 2: Iframe Code Snippet: Use iframe code for a straightforward embedding process.
  • Option 3: WordPress Shortcode: Copy this shortcode and paste it into your WordPress page or post.
  • Note: Ensure the required WordPress plugin is active for shortcode compatibility.

Copy and Apply the Code:

  • Click the copy icon next to your chosen option and paste the code into your website.

 

Step 5: Preview Numeroscope Content

The widget preview section displays daily numerology readings based on the user's numerological profile. Users can toggle between different numerology numbers (e.g., One, Two, Three) and view readings for Yesterday, Today, and Tomorrow.

  • 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. Creating and Editing a Numeroscope Widget Setting:

Creating a New Setting:

  • Click the “+ Create New Setting” button in the upper-right corner of the page.
  • Assign a descriptive name to your setting (e.g., "Numeroscope - Custom Setting") for easy recognition.
  • Personalize the widget by adjusting elements such as colors, fonts, or layout as per your needs.

Editing an Existing Setting:

  • Use the “Choose Your Setting” dropdown menu to select the setting you want to edit.
  • Click the “Edit Setting” button to open the customization panel.
  • Modify features like section order, or tweak the design.
  • For detailed instructions, visit this comprehensive guide on managing widget 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 settings panel.

Pre-set Options: Choose from a range of professionally designed themes, offering Light, Light Accent, Accent, Dark, and Dark Accent tones to suit your aesthetic needs. These options range from minimal to bold and vibrant styles.

Fine-Tuning: Each pre-set theme allows for further refinement of colors for a unique, customized look.

Customize Colors: Click the Edit (Pencil Icon) to modify:

  • Primary Colors: Apply changes to Background, Headings, Text, and Lines.
  • Secondary Colors: Apply changes to Background, Headings, Text, and Lines.

 

4. Customizing Widget Fonts

Access the Font Settings:

  • Go to the "Fonts" section in the settings panel to explore font customization options.

Select Your Preferred Font:

  • Pick a font style that aligns with your website’s design and readability needs.

Preview Instantly:

  • Changes will reflect immediately in the widget preview area, allowing you to see the updates in real time.

5. 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., "Numerology Horoscope - Discover Your Daily Numbers").

Subheading:

  • Add a brief description in the Subheading field (e.g., "The Numerology Horoscope widget provides daily readings based on your numerological profile, 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.

 

6. Default Zodiac Sign

  1. Set a Default Numerology Sign: Choose the default numerology sign to display when users first view the widget.
  2. In the settings panel, find the dropdown labeled Default Sign.
  3. Select a Sign: Pick a numerology sign (e.g., One, Two, Three, etc.) from the options provided.

 

7. Width Settings

  • Adjust the widget's width to fit your page layout.
  • Options include Small, Medium, and Large.
  • Choose the size that complements your page design.

 

8. Horoscope Layout

  • Define how horoscope icons are displayed.
  • Layout options:
    • Single Icon: Displays one icon.
    • Grid Icon: Shows all icons in a grid format.
    • Carousel Icon: Allows users to scroll through icons.
  • Select the option that suits your page's design and user experience.

 

Step 7: Additional Customizations for Widget Display

Further refine your widget with these customization options:

1. Horoscope Icon Layout

  • Choose the style of horoscope icons (e.g., v1, v2) to match your website's visual theme.

 

Step 8: Finalizing and Integrating Your Widget

Save Your Work:

  • Click the Save button at the bottom of the settings panel to finalize your customizations.

Return to Dashboard:

  • Use the Back button at the top of the page to go back to the Yes or No Tarot widget home.

Preview Your Changes:

  • Scroll down to confirm that all updates are correctly reflected in the widget preview.

Copy the Code:

  • Grab the generated code snippet and paste it into your website’s HTML.

Check Functionality:

  • Ensure the widget works seamlessly and matches your site’s design requirements.

 

Conclusion

The Numerology Horoscope Widget offers personalized insights based on your numerological profile, providing daily readings that help you understand your personality, destiny, and life path. With customizable settings and user-friendly design, it brings clarity and guidance right to your website, helping users navigate their lives with a deeper understanding of the numbers that shape them.