Use our WordPress Plugin or Custom Widget

Adding a simple tide table to your website is easy; you can use our WordPress plugin for WordPress based sites, or use our Widget for any other custom HTML/Content Management System website.

How to add tide times to your website

WordPress Plugin

Simply visit our WordPress Plugin page and follow the instructions to add tide times to your website there.

Custom Widget

Step 1

Search for a location in the Select Your Location box below.

Step 2

Select the desired number of days tide data that you want to display – a preview of your tide table is displayed on the right.

Step 3

Select and embed the HTML snipper from the Grab Your Code box at the desired location on your webpage

If you prefer to use your own styling, see the “Customise the Widget Styling” section at the bottom of the page.

Select Your Location

Settings

    Preview

    Barry Tide Times

    Tide Times & Heights for Thu, 23rd April 2026
    Low Tide:
    04:23 (2.5356218996801m)
    High Tide:
    10:56 (9.7715891700027m)
    Low Tide:
    16:43 (3.0551693708975m)
    High Tide:
    23:18 (9.5545827251455m)

    Powered by

    Grab your code

    Select and embed the HTML snippet below at the desired location on your webpage.

    This snippet will create a <div id="tidetimes-widget“> and populate it with today’s tide forecast at the specified port.

    Customise the Widget Styling

    We have produced simple styling for the widget at tidetimes.co.uk/assets/widget.css. This can be included wholesale into your HTML head, or act as a template for what css classes are available. To prevent style bleed all classes are prefixed tidetimes-.

    Get the stylesheet