uBind

uBind

Wordpress plugin

Install on Wordpress

App Details

For information and detailed documentation, please visit the uBind Plugin Page

The uBind WordPress plugin is used to embed a uBind product form and/or portal to your WordPress page. The plugin itself does two main things:
In the HTML head, it adds the following script tag:
<script async="true" src="https://app.ubind.com.au/assets/ubind.js" type="text/javascript"></script>

In the HTML body, it adds the following element in place of the WordPress shortcode:
For a uBind product
<div class="ubind-product" data-tenant="tenant-alias" data-product="product-alias" data-organisation="organisation-alias" data-environment="environment"></div>
For a uBind portal
<div class="ubind-portal" id="embedded-portal" data-tenant="tenant-alias" data-organisation="organisation-alias" data-portal="portal-alias" data-environment="environment"></div>

Then, when the page loads, the uBind javascript will load, run, and find the div. It will then read the tenant alias, product alias and other configuration details then load the uBind form into that div.
Typically, the environment will be "production", however possible other values are "staging" or "development".

If you do not have your portal/product configuration details, you may wish to get in touch with uBind support.

Configuration

  1. (optional) If the WordPress setup uses dotEnv set the following parameters:
    Define your Default uBind configuration with the following configuration fields:
    UBIND_CONFIG_TYPE = <define for which configuration type, set to 0 for product and 1 for portal>
    UBIND_PRODUCT = <product-alias>
    UBIND_ENVIRONMENT = <environment>
    If you have more than one uBind form to configure, you can setup the parameters as:
    UBIND_CONFIG_TYPE_1 = <1st configuration type>
    UBIND_PRODUCT_1 = <1st product-alias>
    UBIND_ENVIRONMENT_1 = <1st environment>
    UBIND_CONFIG_TYPE_2 = <2nd configuration type>
    UBIND_PRODUCT_2 = <2nd product-alias>
    UBIND_ENVIRONMENT_2 = <2nd environment>
    Other fields you can include in the configuration, suffix an underscore and number if you have more than one uBind form to configure.
    UBIND_TENANT = <tenant-alias>
    UBIND_ORGANISATION = <organisation>
    UBIND_FORM_TYPE = <possible values are quote or claim>
    UBIND_SHORTCODE = <short-code>
    UBIND_PORTAL_SHORTCODE = <portal-short-code>
    UBIND_SIDEBAR_OFFSET = <possible values xs,50|sm,50|md,50|lg,50>
    UBIND_PORTAL_FULLSCREEN = <set to 1 for portal to take over entire viewport or 0 otherwise>
    Always suffix an incremental number beside the dotEnv entry if there are more than one. The default uBind form values can either have a suffix of zero or no suffix.

  2. Go to the WordPress dashboard. At the left sidebar, click on the uBind Settings link. Select product or portal to configure. Complete the entries for each of the fields, select an environment and click on the save changes button. Associate the quote/claim and customer to an organisation by filling up the organisation field entry. Modify the sidebar offset by entering the viewport side followed by a comma then the offset size in pixels. You may place multiple sidebar offsets by separating them with pipes. e.g. xs,50|sm,50|md,50|lg,50
    You can add more uBind form configurations by using the Add New button at the bottom of the screen. Added form values will have checkboxes beside each field, you may check the boxes to load the values from the default form configuration.
    For the shortcode, check the box beside the shortcode entry and click save to generate a shortcode. The generated shortcode will be based on the first 4 letters each of the tenant ID, product ID and environment values. In cases of duplicate shortcodes, the generated shortcode will be suffixed with a numerical value. e.g. [tenant_prod_1].
    To create a custom shortcode, uncheck the box beside the shortcode entry, then click on the Save button. In case there is a duplicate, the admin UI will give an error notice when you try to save it. Replace the duplicate custom shortcode and click save to remove the duplicate error notice.

uBind forms will be listed in the Admin UI. To edit or view a form configuration, click on the form title or hover and click on the Quick Edit link.

To delete a form configuration, mouse over the form title then click on the Delete link. You can also delete a form by using the Delete button at the bottom of each form section.

  1. To display a uBind form on any page or post within your WordPress site, copy the associated shortcode from the Admin UI and paste it into your pages or posts content.
    You can also create your own custom shortcode from the admin interface by unchecking the box beside the shortcode to enable the text entry box. Enter the preferred shortcode then click on the Save button. You can then use the custom shortcode to display the associated uBind form.

To create a portal embed configuration, tick on the Portal. Note that the configuration for Portal is different from that of a product.
Fill in the portal configuration details and click save when done.
Some pages do not work well with the portal, to work around this issue you can allow the uBind plugin to take over the entire viewport of the page. To do this, tick on Yes for the Full-Screen Mode option.

Pricing

Starting from $0 per month.

Check Out the Call Button Widget

By Common Ninja

Call ButtonTry For Free!

App Info

Rating

Reviewers

No reviews

Tags

No tags

Developed By

ubind

Quick & Easy

Find the Best Wordpress plugins for you

Common Ninja has a large selection of powerful Wordpress plugins that are easy to use, fully customizable, mobile-friendly and rich with features — so be sure to check them out!

Testimonial

Testimonial plugins for Wordpress

Galleries

Galleries plugins for Wordpress

SEO

SEO plugins for Wordpress

Contact Form

Contact Form plugins for Wordpress

Forms

Forms plugins for Wordpress

Social Feeds

Social Feeds plugins for Wordpress

Social Sharing

Social Sharing plugins for Wordpress

Events Calendar

Events Calendar plugins for Wordpress

Sliders

Sliders plugins for Wordpress

Analytics

Analytics plugins for Wordpress

Reviews

Reviews plugins for Wordpress

Comments

Comments plugins for Wordpress

Portfolio

Portfolio plugins for Wordpress

Maps

Maps plugins for Wordpress

Security

Security plugins for Wordpress

Translation

Translation plugins for Wordpress

Ads

Ads plugins for Wordpress

Video Player

Video Player plugins for Wordpress

Music Player

Music Player plugins for Wordpress

Backup

Backup plugins for Wordpress

Privacy

Privacy plugins for Wordpress

Optimize

Optimize plugins for Wordpress

Chat

Chat plugins for Wordpress

Countdown

Countdown plugins for Wordpress

Email Marketing

Email Marketing plugins for Wordpress

Tabs

Tabs plugins for Wordpress

Membership

Membership plugins for Wordpress

popup

popup plugins for Wordpress

SiteMap

SiteMap plugins for Wordpress

Payment

Payment plugins for Wordpress

Coming Soon

Coming Soon plugins for Wordpress

Ecommerce

Ecommerce plugins for Wordpress

Customer Support

Customer Support plugins for Wordpress

Inventory

Inventory plugins for Wordpress

Video Player

Video Player plugins for Wordpress

Testimonials

Testimonials plugins for Wordpress

Tabs

Tabs plugins for Wordpress

Social Sharing

Social Sharing plugins for Wordpress

Social Feeds

Social Feeds plugins for Wordpress

Slider

Slider plugins for Wordpress

Reviews

Reviews plugins for Wordpress

Portfolio

Portfolio plugins for Wordpress

Membership

Membership plugins for Wordpress

Forms

Forms plugins for Wordpress

Events Calendar

Events Calendar plugins for Wordpress

Contact

Contact plugins for Wordpress

Comments

Comments plugins for Wordpress

Analytics

Analytics plugins for Wordpress

Common Ninja Apps

Some of the best Common Ninja plugins for Wordpress

Browse our extensive collection of compatible plugins, and easily embed them on any website, blog, online store, e-commerce platform, or site builder.

Call Button for Wordpress logo

Call Button

Add a call button to your site so visitors can tap to start a phone call instantly, improving direct communication access.

GDPR Cookie Notice for Wordpress logo

GDPR Cookie Notice

Show a GDPR-ready cookie notice that clearly explains how cookies are used, helping you stay compliant while creating a more transparent experience for your visitors.

RSVP Form for Wordpress logo

RSVP Form

Collect event responses with an RSVP form that lets guests register easily, saves submissions, sends notifications, and helps you organize attendance efficiently.

Scores Board for Wordpress logo

Scores Board

Show rankings and performance data on your site with a customizable scores board that motivates participation and keeps users engaged.

Comments for Wordpress logo

Comments

Add a comments system with replies, voting, and moderation to boost engagement and build an active community on your site.

Instagram Feed for Wordpress logo

Instagram Feed

Show Instagram posts in a live feed that keeps content fresh, builds social proof, and helps visitors engage with your brand.

G2 Reviews for Wordpress logo

G2 Reviews

Show G2 reviews to build trust, strengthen credibility, and help visitors make confident SaaS buying decisions that support higher sales.

Company Branch Flip Cards for Wordpress logo

Company Branch Flip Cards

Display locations with company branch flip cards that help customers find nearby offices, understand key details, and enjoy a smoother overall experience.

Restaurant Menu List for Wordpress logo

Restaurant Menu List

Create a clear restaurant menu list that helps visitors explore dishes easily, understand key details, and make confident ordering decisions that support conversions.

TikTok Feed for Wordpress logo

TikTok Feed

Show your latest TikTok videos in a live feed that keeps content fresh, builds social proof, and keeps visitors engaged.

Before & After Carousel for Wordpress logo

Before & After Carousel

Show multiple transformations in one interactive before & after carousel.

RSS Feed for Wordpress logo

RSS Feed

Show fresh content from any source with an RSS feed that keeps your site updated, improves navigation, and boosts user engagement.

Discover Apps By Platform

Discover the best apps for your website

WordPress
Wix
Shopify
Weebly
Webflow
Joomla
PrestaShop
Shift4Shop
WebsiteX5
MODX
Opencart
NopCommerce

Common Ninja Search Engine

The Common Ninja Search Engine platform helps website builders find the best site widgets, apps, plugins, tools, add-ons, and extensions! Compatible with all major website building platforms - big or small - and updated regularly, our Search Engine tool provides you with the business tools your site needs!

Multiple platforms