If you’re using Premium Addons for Elementor and want to display weather forecasts on your WordPress website, you’ll need first to get an API key from OpenWeatherMap. The API key is needed to pull the updated weather data and integrate it seamlessly into your Elementor pages.
In this step-by-step guide, we’ll walk you through the process of getting an API key from OpenWeatherMap to be used – 100% free – in Elementor Weather Forecast widget.
To get the API key that will be used by the widget to get the weather forecast data, you’ll need to obtain an API key by following these steps:
Step 1: Sign Up for OpenWeatherMap Account
- Visit the OpenWeatherMap website (https://openweathermap.org/) by clicking on the link below the API Key box in Elementor Weather Forecast widget settings.
- Click the “Sign In -> Create an Account” button to create a new account or log in using your existing one.
- Enter your new account details and billing information for the subscription.
- Add your payment details for your subscription.
Step 2: Accessing Your API Key
- After logging in, you will be directed to the OpenWeatherMap dashboard.
- Look for the “API Keys” tab or “My API Keys” section. Click on it to access your API key(s).
- If you’re a new user, you might need to generate a new API key by clicking on the “Generate API Key” button or a similar option.
Step 3: Creating a New API Key
- Give your API key a recognizable name, such as “Elementor Weather Forecast Widget.”
- Choose the type of API key you need. In most cases, the “Free” tier should suffice for basic weather forecasts.
- Once you subscribe to the “Pay as you call” plan, you get up to 1000 free API calls per day instead to 2000 calls per day. To change this limit, go to the “Billing plans” tab in your Personal account. Make sure to set the Calls per day to 1000 so you don’t get charged for any fees.
- Review the terms and conditions of use provided by OpenWeatherMap.
- Complete any additional steps or verifications required to create your API key.
Step 4: Retrieving Your API Key
- Once your new API key is created, it will be displayed on the dashboard.
- Copy the API key to your clipboard. Ensure you save it in a secure location, as it will be necessary to use it with the Elementor Weather Forecast widget.
Note: your API key will be activated automatically, up to 2 hours after your successful registration.
Step 5: Integrating Your API Key with the Elementor Weather Forecast Widget
- Navigate to the widget settings -> Content tab -> General Settings and paste the key in the “API Key” field.
- Save or update your page to apply the changes.
Step 6: Configuring the Elementor Weather Forecast Widget
- Now that you have your API key, you can integrate it with the Elementor Weather Forecast widget. Access your widget settings, and paste the API key into the designated field tutorial page.
- Adjust the location settings to display weather information for your preferred city or area.
- Explore other customization options such as temperature units, weather icons, and forecast layouts to match your website’s design.
Conclusion
Congratulations! You’ve successfully obtained an API key from OpenWeatherMap and integrated it into your Elementor Weather Forecast widget. Now, your website visitors will be able to view real-time weather information directly on your site. By regularly updating your weather forecast widget with the latest data, you can provide a more engaging and informative user experience. Enjoy the benefits of a dynamic weather forecast widget and keep your audience informed about weather conditions with ease.
If you still need any further assistance, feel free to contact Premium Addons support team. We would be more than glad to help 😁
Join the Community
You’re most welcome to join our Facebook group and YoutTube channel to get updates about new features, improvements, and bug fixes.
