UFW Widgets

These allow you to add advanced functionality to your website, available both within the advanced styles module and in HTML content blocks.

These features require an understanding of JSON notation and the User Friendly Websites API to implement successfully.

Contact form

This widget can be used for embedding a form on your website. Very useful for contact pages.

You can choose the fields, type of field, and validation for each item.

Please note if no 'destination' address is set the default contact address for your customer account will be used.

To reduce spam in your forms we've added an anti-spam field by default. It's very simple and easy for people to use. However you are able to disable this function should you wish by adding the variable "captcha":"none" to the UFW widget.

Sample code

<ufw>
{
  "type":"form",
  "fields":[
      {
      "name":"Name",
        "required":"true"
      },
     {
      "name":"Email",
      "type": "email"
      },
      {
      "name":"Message",
      "type":"textarea",
      "required":"true"
      }
  ],
  "destination":"rob@robswan.com",
  "success_url":"/contact-thankyou"
}
</ufw>

Demo

Twitter

This widget will display the results of a Twitter feed.

Please note because of API limit restrictions the search query associated with the Twitter widget is set at an account level, and not in the widget.

Sample code

<ufw>
{
	"type":"twitter",
	"limit":"5"
}
</ufw>

Demo

Media player

This widget embeds the JW Media Player in your website and automatically creates a playlist of files from your downloads module based on the tag provided.

Sample code

<ufw>
{
	"type":"musicplayer",
	"tag":"demoAudioFiles",
	"width":"400",
	"height":"200",
	"playlist_size":"400"
}
</ufw>

Demo

Downloads list

This widget provides a list of automated links to files from your downloads module based on the tag provided.

Sample code

<ufw>
{
	"type":"downloads",
	"tag":"demoAudioFiles"
}
</ufw>

Demo

Pages list

This widget provides a nested list of pages and sub pages based on the page slug (or id) provided.

You can set the maximum depth of pages that the list should display.

News list

This module pulls back a list of recent news posts.

Loading... Updating page...