Button with hyperlink does not load

Prismic for Content Creators
1

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!

3

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?

Thanks,
Priyanka

4

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:

image
image898×563 46.8 KB

image
image852×696 25.2 KB

5

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

image
image1307×586 141 KB

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

6

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.

Thanks,
Priyanka

7

Perfect, thanks so much Priyanka!

1 Like