How to Set Up and Customize the Zodiac Gift Guru Widget

Step 1: Log in to Your Dashboard

• Visit the DivineAPI login page.
• Enter your registered email address and password.
• Click the “Sign In” button to access your dashboard.
• If you’re a new user, click the “Sign Up” link to create an account.

Step 2: Navigate to the Widget Section

• Once logged in, locate the “Widgets” section in the left-hand menu.
• Expand the “Lifestyle APIs” dropdown and select “Zodiac Gift Guru.”
   

Step 3: Access Integration Options

On the Zodiac Gift Guru page, you’ll find multiple integration methods:

• Script Code Snippet: Use this to embed directly into your website's HTML.
• Iframe Code Snippet: Ideal for embedding on platforms that support iframes.
• WordPress Shortcode: Simplifies integration for WordPress users.
• Choose the option that fits your platform and copy the code snippet using the copy icon.

Step 4: Preview the Widget

• Use the Preview Section on the right-hand side to see how the widget will look on your website.
• Toggle between zodiac signs and categories like Today, Yesterday, Tomorrow to ensure the content appears correctly.
   

Step 5: Configuring the Widget

Make the widget visually appealing and functional by customizing its settings. Here’s how:

1. Create a New Setting:

• Click the “+ Create New Setting” button at the top-right.
• Name your setting (e.g., “Daily Horoscope - Setting 01”) to identify it easily.
• Adjust options like color schemes, fonts, and layout.

Edit an Existing Setting:

• Select a previously created setting from the “Choose Your Setting” dropdown.
• Click “Edit Setting” to make changes.

For more information on managing multiple widget settings, refer to this detailed guide.

2. Change the Setting Name

• Navigate to the Setting Name field in the settings panel.
• Enter a meaningful and descriptive name for your configuration (e.g.,"Zodiac Guru - Bold Design").
• Use a clear and concise label to easily identify this setting among others.

Tip: Choosing an intuitive name helps keep your configurations organized and easily accessible for future edits.

3. Adjust the Color Scheme

• Navigate to the Color Scheme option in the panel.
• Choose a pre-set theme like Brut, Metallic, Evergreen, Burgundy, Serenity, or Emerald.
• Fine-tune colors by selecting Light, Accent, or Dark variants.
• To customize, click the Edit (Pencil Icon) and adjust Primary (Background, Headings) and Secondary (Paragraphs, Lines) colors.
• Preview changes in real-time to ensure the perfect match for your design.

4. Adjust the Fonts

• Go to the Fonts option in the settings panel.
• Choose from options like Cormorant Garamond, Montserrat, DM Sans, and more.
• Preview fonts in real-time as you select to ensure they fit your website's style.
• Pick a font that enhances readability and aligns with your design.

5. Customize the Heading and Subheading

• Navigate to the Heading field and input your desired title (e.g., "Zodiac Gift Guru").
• Use the Subheading field to add a brief description (e.g., "Zodiac Gift Guru").
• Tailor these texts to match your brand's tone and style.
• Instantly preview the updates in the widget to ensure alignment with your website design.

6. Set the Default Zodiac Sign

• Locate the Default Zodiac Sign dropdown in the settings panel.
• Choose a zodiac sign (e.g., Aries, Taurus, Capricorn) to display by default when the widget loads.
• This ensures users see relevant content immediately upon visiting the widget.

7. Adjust the Widget Width

• Go to the Width Settings in the panel.
• Select from Small, Medium, or Large options based on your page layout.
• Pick the size that best integrates with your website’s design and enhances user experience.