Documentation for CTA Extras Add-on

Content

System requirements

To get the best experience with the latest CTA Extras update available, we suggest the following:

  • PHP version: 5.3 or higher.
  • Compatible with WordPress version 3.1.2 or higher.
  • Tested up to version: 5.4.1
  • Join.chat WP Plugin updated to the latest version.

This documentation assumes that you have already installed WordPress and Join.chat WP Plugin.


Installing CTA Extras

Thank you for purchasing our Add-on Pro. This document will guide you through the entire process of installing and activating CTA Extras on your WordPress site.

Note: CTA Extras is a Join.chat WP Plugin extension, so you must have the plugin installed. If you haven’t installed it yet, download it for free from this link.

  1. After purchasing CTA Extras, visit https://my.join.chat
  2. Log in with the details you received in the email after purchase.
  3. Once you have logged in, in the left side menu, go to the Downloads section and download the .zip file to your desktop.
  4. Go to the WordPress control panel and click on Plugins > Add New. Choose the zip file you just downloaded. Click install, then activate.


Configure CTA Extras

With CTA Extras you can create rich content in the chat window, to make calls to action (CTA) much more appealing. You can add video, links or linked images, you can even add animated Iframes or gifs.

  1. To add content, go to the WordPress control panel and click Settings > Join.chat
  2. In the section Chat window / Call to action click on the text field, to the left will appear Extended syntax, where you can see the different ways to add content.
  3. Click on save changes and check the chat window to see that everything is to your liking.


Extended syntax

In addition to WhatsApp formatting styles _italic_ *bold* ~strikethrough~ with Join.chat CTA Extras you can enrich your Calls to Action with links, images, videos and more.

List of supported elements, if you are familiar with Markdown you can use its syntax (italic optional fields):

Link ➜ [title](https://www.example.com) or {LINK https://www.example.com title}
Button ➜ {BTN https://www.example.com title}
Image ➜ ![alt_text](image.jpg width) or {IMG image.jpg width alt_text}
Iframe ➜ #[height](https://www.example.com) or {IFRAME https://www.example.com height}
Youtube Video ➜ https://www.youtube.com/watch?v=videoid or https://youtu.be/videoid
Code ➜ `code`
Horizontal Rule ➜ ---

The elements can be combined. For example, for an image with link: {LINK https://www.example.com {IMG image.jpg alt_text}}

On images you can use the image url or the image ID of your Media Library. We recommend to use the ID that resizes the image to the exact size of the chat window.

To learn more, visit our examples and tricks page.