"Please note, To simplify the setup, all Tarot 3 card widgets follow the same configuration process, ensuring consistency across all Tarot readings."
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 Triangle Reading Widgets 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. Select Tarot 3 Card to proceed and then choose the Love Triangle Reading option.
Step 4: Access the Widget Customization Panel
Once you select the Love Triangle Reading Widgets 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 Triangle Reading Content
The Love Triangle Reading Widget offers a unique three-card tarot spread, providing users with insight and guidance on complex love situations involving three people. This widget allows users to explore feelings, intentions, and outcomes, helping them navigate the delicate dynamics of a love triangle.
This preview ensures the widget fits your website’s design and engages your audience effectively.
- 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. Adjust the Fonts:
- Click on the Fonts option in the settings panel.
A list of font options will appear, including:
- Website Default: Uses the default font style of your website.
- Cormorant Garamond: A classic serif font that provides an elegant and traditional look.
- Forum: A clean, serif font ideal for headings and formal text.
- Sen: A modern sans-serif font for a clean and minimalistic design.
- Montserrat: A popular sans-serif font with a bold and modern appeal.
- DM Sans: A simple and readable sans-serif font, great for body text etc.
Preview Fonts: Selecting a font will update the widget's text in real-time on the preview section.
Choose a font that matches your website’s style and enhances readability.
Save: Changes are saved automatically without needing manual action.
5. Widget Settings Configuration
- Heading: Set the primary heading to "Love Triangle Tarot - Discover the Dynamics Between You, Lover 1, and Lover 2"
- Sub Heading: Optionally, add a subtitle like "Love Triangle Tarot provides insights into the relationships and dynamics between you and your two lovers. Understand where you stand, and what each lover brings into your life, and make an informed decision guided by the cards." to provide context.
- Width: Set the width of the widget to fit your page layout (options include Small, Medium, Large).
- Select Tarot Card Design: In the settings panel under the "Tarot Card" dropdown, choose from various card designs (e.g., Card 1, Card 2, Card 3, Card 4) to customize the visual appearance of the tarot cards on your page.
- Tarot Detail Alignment: Adjust the alignment of tarot details (e.g., Left, Center, Right) to control the placement of content.
- Paragraph Style: Choose a paragraph style for text formatting, with options such as Default, Style 1, Style 2, etc.
- Card Border Radius: Modify the border radius of the tarot card display to match your desired aesthetic.
In this section, you can customize the labels of the buttons within your Daily Tarot widget. You have the option to update both the First Button Label and Result Button Label to suit your user experience.
- First 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.
- Result Button Label: After the user has received their reading, this button allows them to get a new card. It’s customizable and can be labeled as "Get Another" or any other call-to-action you prefer.
- Button Position: Set the position of the result button (e.g., Left, Right, Center).
Step 7: Use the Preview Functionality
To ensure your horoscope 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
After finalizing the customization:
- Click the Save button.
- 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., 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
By following these steps, you can seamlessly integrate the Love Triangle Reading Widget into your page. This widget enriches the user experience by offering a specialized tarot reading that provides clarity, insight, and guidance on intricate love relationships. With this tool, you're providing users with a thoughtful, reflective journey through tarot, aiding them in understanding and managing complex romantic dynamics.