Step 1: Log In to Your Dashboard
Sign In to Your Dashboard
Navigate to the Login Page:
- Open the astrology dashboard link provided in your email or bookmark.
Input Your Login Credentials:
- Type your email address in the designated "Email" field.
- Enter your password into the "Password" field. (Select "Forgot Password" if needed.)
Click the "Sign In" Button:
- Press the "Sign In" button to enter your dashboard.
Don’t Have an Account Yet?
- Click "Sign Up" to create your account and start using the dashboard.
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 Kundli matching 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 Indian Astrology to proceed and then choose the Kundali Matching option.
Step 4: Access the Widget Customization Panel
Access the Panel:
- Open the customization panel after selecting the Kundli Matching widget.
Select an Integration Method:
Choose from these three options:
- Option 1: Script Code Snippet: Add this script to your website's HTML for direct integration.
- Option 2: Iframe Code Snippet: Use this iframe code for embedding, compatible with many platforms.
- Option 3: WordPress Shortcode: For WordPress users, copy this shortcode and place it in a page or post.
- Note: Ensure the relevant plugin is installed and activated for shortcode compatibility.
Copy the Code:
- Select your preferred method, click the copy icon, and paste it into your website.
Step 5: Preview Kundli Matching Content
The Kundli Matching widget helps users assess astrological compatibility, an essential aspect of traditional Hindu matchmaking. By integrating this widget, you can provide a valuable tool that offers insights into compatibility based on detailed astrological analysis.
- 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. Change the Setting Name:
Creating a New Widget Setting for Kundli Matching widget:
- Select “+ Create New Setting” from the settings page's top-right corner.
- Enter a descriptive name (e.g., "Kundli Matching Widget - Configuration 1").
- Customize your widget by selecting appropriate themes, fonts, or layouts.
Modifying an Existing Widget Setting:
- Locate the “Choose Your Setting” dropdown and pick the setting to edit.
- Click “Edit Setting” to start making changes.
- Adjust features like section order, visual designs, or toggle options on/off
For more information on managing multiple widget settings, refer to this detailed guide.
2. Adjust the Color Scheme
Open the Color Scheme settings in the panel.
Select a Theme: Choose from various pre-set options featuring Light, Light Accent, Accent, Dark, and Dark Accent tones. The themes are designed to suit subtle, bold, or minimalist aesthetics.
Customization Options: Each theme allows additional adjustments for accents and shades.
Edit Colors: Use the Edit (Pencil Icon) to modify:
- Primary Colors: Apply to Background, Headings, Paragraphs, and Lines.
- Secondary Colors: Apply to Background, Headings, Paragraphs, and Lines.
3. Adjust the Fonts:
Access Fonts:
- Open the settings panel and click on the "Fonts" tab.
Select Your Preferred Style:
- Choose from a range of font styles to match your website’s theme and branding.
Live Font Preview:
- The preview section reflects the font changes instantly, helping you decide the best option.
4. Widget Settings Configuration
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., "Kundali Matching - Discover Your Compatibility").
Subheading:
- Add a brief description in the Subheading field (e.g., "Kundali Matching offers insights based on your birth charts, helping you understand compatibility, relationship dynamics, and the potential for a harmonious union.").
Note:
You can personalize these texts to suit your needs. Changes will reflect instantly in the widget preview.
- Form Heading: add a form heading such as "Get Your Kundli Matching" or any other descriptor that resonates with your audience.
- User Details: Enter specific headings like "Your Details" and "Partner Details" to ensure clear sections for both individuals' information.
- Gender Option: Configure gender display options if relevant to the Kundli Matching details.
- Button Label: Customize the button text, for example, "Get Your Report," to make it inviting for users.
5. Customizing Content Sections
You can control the visibility of various sections in the Kundli Matching widget, enabling users to access detailed astrological insights.
- Basic Astrological Details: Display or hide foundational Kundli details.
- Planetary Positions: Show or hide planetary information, as it plays a role in compatibility analysis.
- Horoscope Charts: Include horoscope charts for a visual representation of astrological alignment.
- Vimshottari Dasha and Dasha Analysis: Display these sections for insights into individual life phases and compatibility over time.
- Manglik and Dosha Analysis: Show Manglik Dosha, Bhakoot Dosha, Nadi Dosha, and other relevant doshas to help users understand key compatibility factors.
- Ashtakoot and Dashakoot Analysis: Include these traditional compatibility points to provide a detailed match score.
- Additional Sections: Display optional insights like Nav Pancham Yoga and a personality report for added value in matchmaking analysis.
5. Section Order Adjustment
- Customize the section order by arranging sections like Basic Astrological Details and Dosha Analysis based on relevance. This enhances user experience by aligning content with users’ priorities.
Step 7: Use the Preview Functionality
To ensure your Kundli Matching widget looks perfect across all devices, use the Preview Functionality located in the top-right corner of the customization screen. This feature allows you to switch between different device views:
- Desktop View: See how the widget appears on a large screen.
- Tablet View: Preview how it will display on medium-sized devices like tablets.
- Mobile View: Check the responsiveness and layout on mobile screens.
Toggle between these views to ensure the design, fonts, and content remain consistent across all devices. This step helps you deliver a seamless user experience for all your visitors.
Step 8: Save and Embed the Widget
- Finalize Customizations: Once you’re satisfied with the settings, click the Save button located at the bottom of the customization panel.
- Return to Widget Overview: Use the Back button at the top of the page to go back to the Yes or No Tarot dashboard.
- Check the Preview: Scroll down to the widget preview section to see how your changes look in real-time.
- Retrieve the Code: Copy the generated code snippet for integration.
Deploy on Your Website: Paste the code into your website’s HTML and confirm the updates are visible and functional.
Conclusion
By following these steps, you can integrate a Kundli Matching widget that provides users with essential astrological compatibility insights. This functionality enhances the user experience, making the process of Kundli matching accessible and informative, helping users make well-informed decisions in matchmaking.