Button with hyperlink does not load

Hello! I'm not being able to make a button appear on my website. In the editor tool, there's a space there for me to add a button that could lead to another link, a document or some media, but when I add a link there, no button appears. I'm not sure what could be wrong. Can you please help me out? Thanks!

Hello @toti.academyweb

Thanks for reaching out to us.

To make the button appears on your front end, you need to apply CSS. The general model to add a button in Prismic

  • Key Text field for the button label
  • Content relationship field or a link field to the relevant page.

How are you modeling Button in Prismic?


Hello Priyanka, thanks for the answer! To be honest, I'm really not familiar with anything related to front end or back end, so I don't understand what you mean by having to apply CSS. Could you explain that to me, please?

Also, you asked me how I was modelling Button in Prismic. Here are some snapshots:

Here's how it appears on the website, with no button loaded on the right side of the screen (the "Mailing" part):

If you wish to see the website, the link is: toti.academy

Hello @toti.academyweb

Thanks for sending more details.

I have checked your website. If you want to link to another page within a website or external page you need to use the href attribute in the <a> element. For example:

<a href="https://google.com" class="btn btn-primary">Go to Google</a>

You need a developer to achieve this.

Let me know if you have any other questions.


Perfect, thanks so much Priyanka!

1 Like