How to add Minecraft server widget to website?

The iframe widget allows you to embed server status on your site. First, choose the theme and size according to the area where you will place it.

Step by step

  1. On the MCAPI Widgets page, enter the address and verify the server type. Preview card layout for horizontal space for narrow space and card layout for wide space.

  2. Select the areas you want to appear. Copy the embed code and add it to the component that accepts HTML or iframe in the site editor.

  3. Control width, height and text clipping on desktop and mobile. If you're using a content security policy, verify that the iframe source is allowed.

  4. Open the published page in a non-logged-in browser and check that the widget displays real server data.

Keep in mind

Some platforms do not accept iframes. Live banner image can be used there.

Source and tools