Setup Process – WPInterface Documentation https://docs.wpinterface.com Learn to use out WordPress Theme Mon, 02 Sep 2024 06:05:26 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 Integrate OpenWeather API Key and City ID https://docs.wpinterface.com/docs/howto-integrate-openweather/ https://docs.wpinterface.com/docs/howto-integrate-openweather/#respond Mon, 05 Aug 2024 08:11:08 +0000 https://docs.wpinterface.com/?post_type=docs&p=388 Continue reading Integrate OpenWeather API Key and City ID]]> WPInterface includes a built-in widget that allows you to display current weather conditions for your desired location directly on your website. To utilize this feature, you need to obtain an API key and City ID from OpenWeatherMap. This tutorial provides a step-by-step guide to help you set up these elements.

Part 1: Create an OpenWeatherMap Account

  • Visit this page on the OpenWeatherMap website and click the Sign-Up button.
  • Enter your username, email address, and password in the provided fields.
  • Agree to the Terms of Service by checking the appropriate box.
  • Complete the Google “I’m not a robot” CAPTCHA.
  • Click the Create Account button.

Part 2: Get Your OpenWeatherMap API Key

  • After creating your OpenWeatherMap account, you will be automatically logged in to the members area.
  • Navigate to the API Keys tab.
  • Copy the API key listed in the Key column.
  • In your WordPress administration area, go to Appearance ▸ Customize ▸ General Settings ▸ Integrated API
  • Paste the copied API key into the OpenWeatherMap API Key field.
  • Click the Publish button.

Part 3: Get Your OpenWeatherMap City ID

  • Go to OpenWeatherMap.
  • Enter the name of the nearest city or town in the Search field and click the Search button.
  • Find your city in the search results and click on its name.
  • The City ID can be found in the browser’s address bar. Copy this number or write it down.
  • In your WordPress administration area, go to Appearance ▸ Widgets.
  • Paste the copied City ID into the OpenWeatherMap City ID field of the Weather Widget.
  • Click the Save button.
Get your OpenWeatherMap City ID

Following these steps, you can successfully integrate current weather information into your website.

]]>
https://docs.wpinterface.com/docs/howto-integrate-openweather/feed/ 0
Font Options https://docs.wpinterface.com/docs/font-options/ https://docs.wpinterface.com/docs/font-options/#respond Thu, 27 Jun 2024 11:33:56 +0000 https://docs.wpinterface.com/docs/smartwatch-experience/ This feature is available exclusively in the Premium version. Please upgrade to access this premium functionality. ]]> https://docs.wpinterface.com/docs/font-options/feed/ 0 Webmaster Tools https://docs.wpinterface.com/docs/webmaster-tools/ https://docs.wpinterface.com/docs/webmaster-tools/#respond Fri, 28 Jun 2024 05:31:23 +0000 https://docs.wpinterface.com/?post_type=docs&p=289 https://docs.wpinterface.com/docs/webmaster-tools/feed/ 0 Advanced Color options https://docs.wpinterface.com/docs/color-options/ https://docs.wpinterface.com/docs/color-options/#respond Fri, 28 Jun 2024 05:32:34 +0000 https://docs.wpinterface.com/?post_type=docs&p=293 https://docs.wpinterface.com/docs/color-options/feed/ 0 Social Share https://docs.wpinterface.com/docs/social-share/ https://docs.wpinterface.com/docs/social-share/#respond Fri, 28 Jun 2024 05:33:13 +0000 https://docs.wpinterface.com/?post_type=docs&p=295 Continue reading Social Share]]> Social Share is an exclusive feature available only in the premium version of our theme, designed to enhance your website’s interactivity by allowing visitors to easily share your content on popular social media platforms. This feature helps boost your site’s visibility and can drive more traffic by leveraging the power of social sharing.

If you’re using the free version, you’ll need to upgrade to the premium version to access and enable the Social Share feature. Follow this guide to learn how to enable and customize social sharing settings on your website.

How to Enable Social Share in Your Premium Theme

Once you’ve upgraded to the premium version, you can access and configure the Social Share feature:

Select Platforms:

  1. Navigate to the Customizer:
    • From your WordPress dashboard, go to Appearance > Customize.
  2. Locate Social Share Settings:
    • In the Customizer panel, navigate to General Settings > Social Share Settings.

Choose from a variety of social media platforms to display, such as Facebook, Twitter, LinkedIn, Pinterest, and more. Simply check the boxes next to the platforms you want to include.

Display Options

Customize where the social share buttons appear, such as on blog posts, pages, or specific content types.

You can choose from options like:

  • Above Content
    • Below Content
    • Floating on the side

Test Your Social Share Buttons

After enabling and customizing your Social Share settings, it’s essential to test them to ensure they’re functioning correctly:

  1. Visit your site and navigate to a page or post where you enabled the Social Share buttons.
  2. Click on the social share icons to verify that they open the respective platforms correctly and allow sharing.

Conclusion

The Social Share feature is a powerful tool available exclusively to premium users, designed to increase your website’s reach and engagement by making your content easy to share. By following the steps outlined above, you can quickly enable and customize this feature to suit your needs.

If you have any questions or need further assistance, feel free to reach out to our support team, or consult the theme documentation.


Upgrade to the premium version today and start leveraging the full potential of social sharing to grow your audience!

]]>
https://docs.wpinterface.com/docs/social-share/feed/ 0
Reaction Add-Ons https://docs.wpinterface.com/docs/reaction-add-ons/ https://docs.wpinterface.com/docs/reaction-add-ons/#respond Fri, 28 Jun 2024 05:34:22 +0000 https://docs.wpinterface.com/?post_type=docs&p=297 https://docs.wpinterface.com/docs/reaction-add-ons/feed/ 0 Remove Theme Credit https://docs.wpinterface.com/docs/remove-theme-credit/ https://docs.wpinterface.com/docs/remove-theme-credit/#respond Fri, 28 Jun 2024 05:36:17 +0000 https://docs.wpinterface.com/?post_type=docs&p=299 🎉 Welcome to the Premium Experience! 🎉

Upgrade to the premium version of our free WordPress themes and enjoy a completely white-labeled experience. With the premium upgrade, all theme credits and upgrade notifications are removed.

🚀 What You Get with the Premium Version:

  • No Theme Credits: The default theme credit text in the footer is removed, giving you complete control to customize the footer copyright message to suit your needs.
  • Whitelisted Upgrade Info: The upgrade notifications and theme information are also whitelisted, ensuring that your WordPress dashboard and customizer are free from any promotional messages or upgrade buttons.

Enjoy a website that’s truly yours!

]]>
https://docs.wpinterface.com/docs/remove-theme-credit/feed/ 0
Extra Widget Area https://docs.wpinterface.com/docs/extra-widget-area/ https://docs.wpinterface.com/docs/extra-widget-area/#respond Fri, 28 Jun 2024 05:38:31 +0000 https://docs.wpinterface.com/?post_type=docs&p=301 https://docs.wpinterface.com/docs/extra-widget-area/feed/ 0 Modal Popup Module https://docs.wpinterface.com/docs/modal-popup-module/ https://docs.wpinterface.com/docs/modal-popup-module/#respond Fri, 28 Jun 2024 05:39:01 +0000 https://docs.wpinterface.com/?post_type=docs&p=303 Continue reading Modal Popup Module]]> Prerequisites

Before you begin, ensure that you have:

  • Installed and activated one of our premium WordPress themes.

How to Add a Modal Popup

Our WordPress theme allows you to easily create and customize a modal popup dialog box that can be displayed on your website. Follow the steps below to configure this feature.

Steps to Add a Modal Popup

1. Access the Customizer

  • Log in to your WordPress dashboard.
  • Navigate to Appearance > Customize.
  • In the Customizer, go to General Settings.

2. Configure the Dialog Pop-Up Box

Once you’re in the General Settings section, locate the Dialog Pop-Up Box settings. Here, you’ll find several options to customize the modal popup:

a. Enable Dialog Box

  • Toggle this setting to enable or disable the modal popup.

When enabled, the dialog box will appear on your website based on the conditions you set.

b. Show Dialog Box Only One Time

  • Enable this option if you want the popup to be displayed only once per visitor.

This is useful if you don’t want to annoy users with repeated popups.

c. Show Exclusively on the Homepage

  • Toggle this setting if you want the modal popup to be displayed only on the homepage.

This is ideal for promoting homepage-specific offers or messages.

d. Dialog Box Image

  • Upload an image to be displayed within the dialog box.

You can add a promotional banner, product image, or any visual content relevant to the message.

e. Dialog Box Title

  • Enter a title for your dialog box.

This will be displayed prominently within the popup and should grab the user’s attention.

f. Dialog Box Content

  • Enter the content or message you want to display in the popup.

You can include text, links, or other HTML content.

g. Dialog Box Shortcode (if any)

  • If you have a shortcode that you want to include in the dialog box, enter it here.

This could be a contact form, subscription form, or any other shortcode-supported feature.

3. Save and Publish

Once you’ve configured all the settings to your preference:

  1. Click the Publish button at the top of the Customizer to save your changes.
  2. Visit your website to see the modal popup in action.

Additional Notes

  • Testing: After publishing, visit your site in an incognito window or clear your cookies to ensure the popup functions as expected, especially if you’ve enabled the “Show Dialog Box Only One Time” option.
  • Customization: Depending on your specific theme, there might be additional styling options available for the modal popup. Check the theme’s documentation or explore the Customizer for further customization.

By following these steps, you can effectively add and customize a modal popup to enhance user engagement on your website.

]]>
https://docs.wpinterface.com/docs/modal-popup-module/feed/ 0
Extra Customizer Sections https://docs.wpinterface.com/docs/extra-customizer-sections/ https://docs.wpinterface.com/docs/extra-customizer-sections/#respond Fri, 28 Jun 2024 05:39:26 +0000 https://docs.wpinterface.com/?post_type=docs&p=305 https://docs.wpinterface.com/docs/extra-customizer-sections/feed/ 0