"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
Visit the Dashboard Login Page:
- Open the login page for the astrology dashboard in your web browser.
Enter Your Details:
- Fill in your registered email in the "Email" input box.
- Add your password in the "Password" box. (Click "Forgot Password" if needed.)
Sign In:
- Hit the "Sign In" button to proceed.
First Time Here?
- Use the "Sign Up" option to register for an account
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 Three Card Tarot Reading 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
Open the Customization Panel:
- After selecting the Natal Basic widget, the customization panel will appear with integration options.
Integration Methods:
Choose one of these options:
- Option 1: Script Code Snippet: Embed the widget by copying and pasting this script into your website’s HTML.
- Option 2: Iframe Code Snippet: Use this code to embed the widget, compatible with most platforms.
- Option 3: WordPress Shortcode: Copy the shortcode for WordPress websites and paste it into a page or post.
- Note: Ensure the necessary plugin is installed and activated for shortcode use.
Copy and Paste:
- Click the copy icon next to your chosen option and add the code to your site.
Step 5: Preview Three Card Tarot 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:
How to Create a Love Triangle Reading Widget Setting:
- Click the “+ Create New Setting” option found in the upper-right corner of the page.
- Add a meaningful name to your setting (e.g., "Love Triangle Reading - Setting 1") for quick identification.
- Customize elements like colors, fonts, or layouts to suit your preferences.
Steps to Edit an Existing Setting:
- Navigate to the “Choose Your Setting” dropdown and select the existing setting to modify.
- Press the “Edit Setting” button to access customization options.
- Make adjustments, such as reordering sections, adding/removing features, or changing design elements.
For more information on managing multiple widget settings, refer to this detailed guide
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:
Adjust the Color Scheme
- Go to the Color Scheme option in the settings panel.
Pre-set Themes: Select from pre-designed options, offering combinations of Light, Light Accent, Accent, Dark, and Dark Accent tones. These themes cater to subtle, modern, and bold preferences.
Color Scheme Customization: Each theme includes fine-tuning options for a variety of shades and accents.
Customize Colors: Click the Edit (Pencil Icon) to adjust the following:
- Primary Colors: Background, Headings, Paragraphs, and Lines.
- Secondary Colors: Background, Headings, Paragraphs, and Lines.
4. Adjust the Fonts:
Open the Font Settings:
- Navigate to the "Fonts" section within the settings panel.
Browse Available Fonts:
- Choose from the font options to give your widget a unique and professional look.
Instant Preview:
- View the font changes in real-time as you make selections in the preview section.
5. 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., "Love Triangle Tarot - Discover the Dynamics Between You, Lover 1, and Lover 2").
Subheading:
- Add a brief description in the Subheading field (e.g., "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.").
Note:
You can personalize these texts to suit your needs. Changes will reflect instantly in the widget preview.
- 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.
- 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 Love Triangle Reading 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 Love Triangle Reading 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
- Save Changes: After completing the customizations, click the Save button at the bottom of the page to apply your updates.
- Go Back to the Widget Dashboard: Click the Back button at the top to return to the Yes or No Tarot home screen.
- View Customizations: Scroll to the preview section to check how the widget looks with the changes applied.
- Copy the Embed Code: Use the provided code snippet to integrate the widget into your platform.
Verify Integration: Ensure the widget’s updates are live and functioning seamlessly on your website.
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.