How to add Elle to your 'Apply now' button?

Important: Before you add Elle to your "Apply now"  buttons on the website, make sure that you have added the Elle Tag in your GTM account  of your website. Our quick GTM Implementation guide can walk you through the process. 

You can add a personalized trigger button to your website with a redirect to your loan application

Feel free to use any verbiage and style for the button that works well on your website. Your CMS system might have a standard style for the button. You can go ahead and use it.  

Or, you can use Shastic's button if you want. Here is the code.

<a href="https://loan-application" style="font-family: 'Roboto',Helvetica,Arial,sans-serif; display: inline-block; height: 40px; padding: 0 25px; font-size: 16px; color: white!important; font-weight: 500; line-height: 40px; text-align: center; text-decoration: none!important; background-color: #2982DC; border: 0; border-radius: 20px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; box-shadow: 0px 2px 8px 0px rgba(24, 30, 37, 0.15); -webkit-appearance: none; -moz-appearance: none; appearance: none;" data-toggle="elle" data-elle-button="Elle-button-id" > APPLY NOW<span>&nbsp;&nbsp;&#10148;</span></a>

Pro Tip: If you want to change the color of the button, its verbiage or its shape check this Guide.

Step 1

Edit the href="#" and replace 'loan-application' with the actual URL of the page where your members should be redirected to.

Step 2

Replace Elle-button-id with the button ID that you received from Shastic. The button id will start with "ebtn_...". The button codes will be provided to you by a member of the Shastic Customer Success team during your implementation. If you don't have them please ask! Each journey has a unique ID, so make sure you use the 'Apply Now' ID for all of your 'Apply Now' buttons. 

If you used your own code for the button,  add the HTML attribute data-elle-button="Elle-button-id" first to trigger the conversation Elle pop-up window. Then, replace Elle-button-id with the button ID.

Step 3

If you used your own code for the button, add the HTML attribute data-toggle="elle"

Pro Tip: You can request multiple Elle Button for different scenarios, such as 'Chat with Us', 'Apply Now' or 'Ask us a Question'. This allows you to have specific verbiage on your buttons and pop-up windows based on each different scenario. To learn more contact your Shastic representative.

Voila! You are done. Click the Button on your website to make sure that the pop-up window appears upon clicking.

Your prospects now can reach out to you via a text message. 

After the prospects fill in the form they will be redirected to the loan application. 

And your prospect will receive a text message.