Add a call now nutton on the form?

  • EMCSecurityEMC
    Asked on January 3, 2019 at 11:16 AM

    Hello is it possible to add a Call Now Button on the form or Thank you page?  Thanks.

  • Richie JotForm Support
    Replied on January 3, 2019 at 12:24 PM

    To clarify, do you want to add a button that would open a new page?

    It is possible to add a button in the form or in the Thank you page. We may need to use HTML tags and custom CSS in creating one.

    Can you please explain further how your call now button works?

    We will wait for your response.


  • EMCSecurityEMC
    Replied on January 3, 2019 at 12:43 PM
    Hello. Wed like to give the user the option to click to call us when on their mobile device. Is that possible?
    Get Outlook for iOS
    ________________________________
    ...
  • Richie JotForm Support
    Replied on January 3, 2019 at 1:25 PM

    That could be possible using HTML. You can paste the HTML code into your Thank you page source.

    Here is a code for the button to call.

    <p><a class="button" href="tel:2125551212" target="_blank" rel="nofollow noopener noreferrer">Click to call</a></p>

    Then you can use this custom CSS to create the button.

    a.button {

        -webkit-appearance: button;

        -moz-appearance: button;

        appearance: button;

        border: 2px solid blue;

        text-decoration: none;

        color: gray;

    }

    Here is a sample output.

    Add a call now nutton on the form? Image 1 Screenshot 20

    Please give it a try and let us know if you have further questions.

  • EMCSecurityEMC
    Replied on January 3, 2019 at 1:46 PM

    Thank you.  I need a little more help with this.  I have 4 Thank You messages depending on the answers on the form.  I don’t see a place for Source anywhere on it. 

    https://form.jotform.com/81686033763159

    1546541147JF 1 Screenshot 10

  • Richie JotForm Support
    Replied on January 3, 2019 at 2:07 PM

    I see you're using the Card Form layout. Unfortunately, there is no option to add source code in the Thank you page in Card Forms.

    We can use the TEXT field to add the call button in your form.

    Add a call now nutton on the form? Image 1 Screenshot 20

    Please give it a try and let us know if you have further questions.

  • EMCSecurityEMC
    Replied on January 3, 2019 at 2:43 PM
    Thank you. I got as far as inputting the text. Where do I add the CSS info below to create the button? Would it be easier to use an image for the button and link to the phone number?
    Then you can use this custom CSS to create the button.
    a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: 2px solid blue;
    text-decoration: none;
    color: gray;
    }
    Best Regards,
    Jennifer Kimble
    Marketing & Communications Manager
    EMC Security
    55 Satellite Blvd NW
    Suwanee, GA 30024
    770-963-0305 x131
    www.emcsecurity.com
    [EMC Security sign logo with NO website - white background only higher res]
    ...
  • Nik_C
    Replied on January 3, 2019 at 4:08 PM

    The CSS provided by my colleague is to be used with a tag with class "button", so you have to insert this HTML:

    <p><a class="button" target="_blank" href="tel:2125551212" rel="nofollow noopener noreferrer">Click to call</a></p>

    And you can do that with Text field:

    1546549632Screen Shot 2019 01 03 at 10 Screenshot 10

    And then you can insert the Custom CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    a.button {

        -webkit-appearance: button;

        -moz-appearance: button;

        appearance: button;

        border: 2px solid blue;

        text-decoration: none;

        color: gray;

    }

    That will target the above a tag.

    Let us know if you were able to make it work.

    Thank you!