Blocks

Blocks

Recommended Blocks

Line Chart
Type: js
Categories: Charts
Plugins related: Generic

"Line Chart" inserts a javascript block with the setLineChartBlock routine to generate line chart into a canvas tag with the values passed as parameters:

setLineChartBlock(canvasId, data, config);

Line Chart
  • canvasId: the routine requires you insert a <canvas id="canvasId"></canvas> tag in your webpage where display the chart. The id of the canvas tag should be passed as the first parameter of the routine.
  • data: array of datasets with the information to display in the chart. For example:

      [
        {
          'dataset': 'First Dataset',
          'color' : 'red',
          'values' : {
            'label a': 10,
            'label b': 15,
          'label c': 30
          }
        },
        {
          'dataset': 'Second Dataset',
          'color' : 'blue',
          'values' : {
            'label a': 40,
            'label b': 20,
            'label c': 5
          }
        }
      ]
  • config: object tha allows to define the chart title. For example:

    {'title': 'Line Chart'}

Example:

setLineChartBlock('canvasId', [{'dataset': 'First Dataset','color': 'red','values': {'label a': 10,'label b': 15,'label c': 30}},{'dataset': 'Second Dataset','color': 'blue','values': {'label a': 40,'label b': 20,'label c': 5}}],{'title': 'Line Chart'});

Skrill Payment Button
Type: js
Categories: Payment
Plugins related: Generic
Skrill email or ID
Price amount
Currency
URL to return after payment
URL to return after cancelled payment
Product name
Language
PayPal Subscription Button
Type: js
Categories: Payment
Plugins related: Generic
Paypal email or ID
Price amount
Currency
Payment frequency
Taxes (percent)
Request address at PayPal
URL to return after payment
URL to return after cancelled payment
Subscription description
Paypal language
Prevent framing
Type: js
Categories: Security
Plugins related: Generic

This will insert a block to find out if the page is embedded as a frame to other site and will prevent that by redirecting to the correct page without framing.

Message if framing detected:

Ad Blocker Alert
Type: js
Categories: Security
Plugins related: Generic

"Ad Blocker Alert" displays a pop-up window if there is an Ad Blocker active in the browser, and limit the access to the page's content.

Ad Blocker Alert

Message to display:

Words Counter
Type: js
Categories: Text Tools
Plugins related: Generic

"Words Counter" inserts a javascript block with the wordsCounter routine:

wordsCounter(text);

  • text: Text to check.

Example:

wordsCounter("Lorem ipsum");

Output: 2

Exchange Rates with Free Currency Converter API
Type: js
Categories: Exchange Rate,Payment
Plugins related: Generic

The block reads the exchange rates from the Currency Converter API website

Enter the API Key

The block includes the currencyconverter operation whose parameter is a plain object with the following properties:

  • from: a three letters currency code. For example: USD (required)
  • to: a three letters currency code. For example: GBP (required)
  • field: a valid jQuery selector of an input tag for assigning the exchange rate. For example, if you are using the calculated fields form plugin, and you want to assign the exchange rate to the fieldname1 field, the selector would be: [id*="fieldname1_"] (optional)
  • callback: a function that will receive as parameter the corresponding exchange rate. For example: function(rate){alert(rate);} (optional)

Example:

currencyconverter({'from': 'USD', 'to': 'EUR', 'field': '[id*="fieldname'+'1_"]'});

A specific example: Assuming there is a field in the form that calculate a service price in United State Dollars (USD), the fieldname1, and you want get the price in Euros (EUR), furthermore there is a hidde field for the exchange rate, the fieldname2. The equation to associate with the calculated field to calculate the price in Euros would be:

(function(){
currencyconverter({'from': 'USD', 'to': 'EUR', 'field': '[id*="fieldname'+'2_"]'});
return fieldname1*fieldname2;
})()

If there is a dropdown field for selecting the currency code, the fieldname3, the equation would be:

(function(){
currencyconverter({'from': 'USD', 'to': fieldname3, 'field': '[id*="fieldname'+'2_"]'});
return fieldname1*fieldname2;
})()

Stripe Payment Button
Type: html
Categories: Payment
Plugins related: Generic
Stripe Publishable Key
Stripe Secret Key
Price amount
Currency
URL to redirect after payment
Product name
Address Field
Type: html
Categories: Form Tools
Plugins related: wpcf7

"Address Field" inserts an autocomplete address field integrated to Google Places.

Address Field
Field type Required field
Name
Id attribute
Class attribute
Google api key
If you have no an api key, visit the Google Console, and generate one to your website's domain.
Restrict the address to the countries
It is possible select a maximum of 5 countries.
Detect HTTP or HTTPS then force HTTPS
Type: js
Categories: Security
Plugins related: Generic

This will insert a code block to detect HTTP or HTTPS and then force usage of HTTPS to be sure that the page is loaded over a SSL secure connection. Note that your website domain must have SSL available in order to use this feature.

View All