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

Last updated : 06 Dec, 2024

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

"Discover how compatible you are with your partner, friend, or colleague by using our easy-to-use love compatibility calculator."

 Last updated : 06 Dec, 2024
 Guide

Step 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 Love Compatibility widgets.

 

Step 3: Select the Desired Widget

In the widget section, you’ll find a list of available widgets, such as Horoscope, Numeroscope, and Tarot widgets. Select Love Compatibility to proceed.

 

Step 4: Access the Widget Customization Panel

Once you select the Love Compatibility 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 Love Compatibility Content

The Love Compatibility widget helps users find out how compatible they are with their lover, friend, or colleague based on zodiac signs. The preview allows users to select their sign and the other person's sign to view their compatibility results.

  • 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:

  • Locate the Setting Name field in the settings panel.
  • Enter your desired name to label this configuration.

 

2.Adjust the Color Scheme:

  • Click on the Color Scheme option in the panel.
  • Select a color scheme that matches your website’s design.
  • Autosave: Any changes to the color scheme will be saved automatically without needing a manual save action.

 

3.Heading and Subheading

  • Heading: Enter the title "Love Compatibility" to clearly indicate the widget's purpose.
  • Subheading: Use the subheading "Find out how compatible you are with your lover, friend, or colleague using our love compatibility calculator. Get your results now." to give users additional context and explain what they can expect from the widget.

 

4.Adjusting the Paragraph Style

You can customize the paragraph style of the horoscope text to align with your website's design. Follow these steps:

Locate the "Paragraph Style" Setting:

  • In the settings panel on the left side, find the dropdown labeled Paragraph Style.

Select a Style:

  • Click on the dropdown to view the available styles (e.g., Style 1, Style 2, Style 3).
  • Preview the styles to determine which one best matches your design preference.

Apply Your Selection:

  • Once you’ve chosen a style, select it from the dropdown.
  • The horoscope text on the widget will update automatically to reflect the new style.

 

5.Default Zodiac Sign

  • You will see a dropdown menu under Zodiac Icon with multiple versions (e.g., v1, v2, v3, etc.).
  • Choose the version that best suits the design and aesthetic of your website.

 

Step 7: Additional Customizations for Widget Display

  • Button Position: Set the position of the result button (e.g., Left, Right, Center).

  • Button Label: This button is typically used for users to initiate the reading. You can customize the text to something like "Get Your Reading" or any other relevant phrase.

 

Step 8: Save and Embed the Widget

After finalizing the customization:

  1. Click the Save button.
  2. Copy the generated code snippet and embed it on your website.

 

Step 9: 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., Love Compatibility).

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

By integrating the Love Compatibility Widget on your website, you provide users with an engaging and interactive way to explore their compatibility with others based on their zodiac signs. This tool helps users gain insights into their relationships, promoting self-reflection and understanding while offering a fun, personalized experience.