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
- Set a Default Numerology Sign: Choose the default numerology sign to display when users first view the widget.
- In the settings panel, find the dropdown labeled Default Sign.
- Select a Sign: Pick a numerology sign (e.g., One, Two, Three, etc.) from the options provided.