free moon phase widget

Free Moon Phase Widget

Today we are happy to introduce to you our new product – a Free Moon Phase Widget. This widget will be useful to everyone who has their very own website and who are interested in the current Moon’s state. We have developed different versions so you can use it no matter what platform your website works on. But first things first. Let us tell you what useful information our widget can bring.

Our Moon Phase Widget’s content:

  • User’s location and current date
  • Moon phase name and image
  • Moon zodiac sign
  • Moonset and moonrise time
  • More information about the current phase


Three good things about our Free Moon Phase Widget:

  1. It determines the user’s location automatically and shows him relevant information about the Moon.
  2. The super small size of the widget will not affect the speed of your site.
  3. You can easily install it and customize the background color (if you want) in a few clicks.

Moreover, since we just released our Free Moon Phase Widget, we are open to your suggestions for improving it. Feel free to leave comments under this post or write us on our mail moon.organizer@gmail.com.

How to install Moon Phase Widget on your site?

The installation method depends on the platform on which your website works. If you use WordPress, then you can get a widget with our WP Moon Phase Widget plugin. To do this, just go to the “plugins” section in your admin panel, find our plugin, install and activate it. On the “view details” page you will find information on how to add a widget to a sidebar or to a specific page/post, as well as how to easily change the background color.

If your website runs on any other platform, use the method of copy & paste the following code:

<div id="moon-phase-widget" data-color="white"></div>
<script async src="https://cdn.jsdelivr.net/npm/moon-phase-widget@1.5.0/build/automount.min.js">
</script>

To change the background color in this case, edit the data-color attribute. Also, if you want to receive more detailed technical information, visit our widget’s page on GitHub.

Remember that we will be happy to help you in case of any difficulties. The Moon has a huge impact on all life on earth, and we want to spread such important moon info around the world. So, thank you for your attention to our widget! 🙂

3 thoughts on “Free Moon Phase Widget”

  1. Hi! Just wondering if you have an affiliate program for this widget? I am looking to embed one into an astrology calendar I’m creating. Thanks 🙂

  2. This is amazing, thank you so much!
    Is there a way using the non-wordpress method/ html code to either center the widget or stretch it (using bigcommerce)?

Leave a Reply