Skip to main content

Can we add in a URL to our forms?

Comments

9 comments

  • Jorge Ferreira Filho
    • Chili Piper Team

    Hey, Emily!

    Hope this message finds you well! Great question - thanks for bringing it to our Community! 

    Is your privacy policy located on a landing page/link? Or is it located anywhere else?

    If it's a link that can be sent, we can probably hyperlink it in your meeting template and/or in the meeting reminders. We would have something like "Click here to check our security policy" or something similar.

    Please let us know if it's located in a different place; we'll be happy to evaluate other options and share other ideas with you! 

    To other Community members reading this, please share if you have implemented this and how your setup is done - we would love to read them as well!

    0
  • Emily Gwilliam

    Hey Jorge, 

    Thanks for getting back to me. It is through this URL 

    Is there anyway to show it at the point in which they choose to book a time - for example, in the view you can see in the image?

    Thanks so much

    0
  • Jorge Ferreira Filho
    • Chili Piper Team

    Hey, Emily!

    It might be possible with some CSS - I'll run some tests in my internal testing instance and get back to you! 

    0
  • Emily Gwilliam

    Hi Jorge, ok great thank you!

    0
  • Jorge Ferreira Filho
    • Chili Piper Team

    Hey, Emily!

    We'll not be able to add the link as a hyperlink as CSS will not support that, but we can customize it to have the privacy policy URL visible to whoever is booking a meeting.

    I did this in my testing instance to show you:

     

    The syntax can be customized, such as font size, color, etc. I also placed the sentence in both places so you can take a look at what it looks like in both.

    Is this helpful somehow? Please let me know if you have any further requirements; happy to help you over here or keep our amazing conversation over e-mail.

    0
  • Emily Gwilliam

    Hey Jorge, 

    Ok this could definitely work how can I change the syntax? Are you able to show me how to do that?

     

    0
  • Jorge Ferreira Filho
    • Chili Piper Team

    Sure, Emily!

    First of all, the CSS should be added in your "CSS Preferences" setting in the left-side menu after you open a workspace. 

    CSS for the availability header - What day is best?

    [data-chili-css="availability-header"] {
    font-size: 0 !important;
    }
    
    [data-chili-css="availability-header"]::after {
    font-size: 16px !important;
    content: "Your text here";
    }

    CSS for the times' header - What time works?

    I already applied some styling to this one to keep the sentence aligned.

    [data-chili-css="times-header"] {
       font-size: 0px;
    }
    
    [data-chili-css="times-header"]:after {
    content: "Your text here";
    font-size: 0.9rem;
    position: relative;
    top: 0.1rem;
    }

    If you want to update both headers:

    [data-chili-css="availability-header"] {
    font-size: 0 !important;
    }
    
    [data-chili-css="availability-header"]::after {
    font-size: 16px !important;
    content: "Your text here";
    }
    
    [data-chili-css="times-header"] {
       font-size: 0px;
    }
    
    [data-chili-css="times-header"]:after {
    content: "Your text here";
    font-size: 0.9rem;
    position: relative;
    top: 0.1rem;
    }

    The sentence should be updated where it says "Your text here" - the quotation marks and semicolon should stay. 

    Please let me know if you have any questions, Emily! 😄

    0
  • Emily Gwilliam

    Thanks Jorge, this works perfectly, only thing is it doesnt centre align...

     

     

    I had to add line height in otherwise it was overlapping - is this why it wont work? 

    0
  • Jorge Ferreira Filho
    • Chili Piper Team

    Just fixed that for you, Emily!

    I added a few parameters to help with the line-height:

    display: block;
    margin: 0 auto;

    Please let me know if you'd like to see any other updates!

    0

Please sign in to leave a comment.