Connect external JS library

You can use any external JS library with UI Bakery. You can use your own library or take any public JS library.

Let’s review an external JS library connection and usage on moment.js library example.

Start with copying <script> tag

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Go to UI Bakery, create a new Project or open Project Settings if you already have one, and paste the tag into the Code tab:

Save the Changes

In the Builder mode, Add a new Action with Code type and paste the code :

return {{ moment().format("dddd, MMMM Do YYYY, h:mm:ss a") }};

Run Action, then check the Result tab - you will see the actual date as an outcome. That means moment.js library is properly connected and can be used to format date