All Collections
I'm a Club Official
How to add buttons with links to your webpages
How to add buttons with links to your webpages
Updated over a week ago

See how to add buttons that link to external websites to your webpages.

Click here to watch or read step-by-step instructions below.

1. I want to add a PayPal link to the Rescue page on my club's site. First, I'll go to the "Rescue" page via the navigation menu.

I want to add a PayPal link to the Rescue page on my club's site. First, I'll go to the 'Rescue' page via the navigation menu.

2. I'll scroll down and click "Show editing options" to begin editing the page.

I'll scroll down and click 'Show editing options' to begin editing the page.

3. Then, I'll click "Edit" at the bottom.

Then, I'll click 'Edit' at the bottom.

4. I'll go to the area where I want to add a link or button. Then, I'll edit existing text by double clicking and typing over it.

I'll go to the area where I want to add a link or button. Then, I'll edit existing text by double clicking and typing over it.

5. Editing options will appear after clicking or highlighting the text.

Editing options will appear after clicking or highlighting the text.

6. I'll click on the "Insert link" option.

I'll click on the 'Insert link' option.

7. The Paypal link will go here.

The Paypal link will go here.

8. I'll add what the button should say here.

I'll add what the button should say here.

9. I want the link to open in a new browser tab, so I'll click on the checkbox next to "Open in new tab."

I want the link to open in a new browser tab, so I'll click on the checkbox next to 'Open in new tab.'

10. Then I'll click "Insert."

Then I'll click 'Insert.'

11. To make this linked text look like a button, I'll click on the text and select the star icon, which means "Choose style."

To make this linked text look like a button, I'll click on the text and select the star icon, which means 'Choose style.'

12. Picking "Blue button" will change the link to a blue button.

Picking 'Blue button' will change the link to a blue button.

13. This is how the blue button appears.

This is how the blue button appears.

14. I can browse the other options by clicking the link again and selecting the star icon.

I can browse the other options by clicking the link again and selecting the star icon.

15. "Normal link" will only show text

'Normal link' will only show text

16. "Small gray" will display small gray text.

'Small gray' will display small gray text.

17. I want the blue button, so I'll choose it.

I want the blue button, so I'll choose it.

18. Here is a blue "DONATE NOW!" button!

Here is a blue 'DONATE NOW!' button!

19. I can instead add a red button, but I'll first need to add another section to the Rescue page. To do that, I'll scroll down and choose "Layout."

I can instead add a red button, but I'll first need to add another section to the Rescue page. To do that, I'll scroll down and choose 'Layout.'

20. I'll choose to add this block.

I'll choose to add this block.

21. Once the block is added, I'll click "Edit"

Once the block is added, I'll click 'Edit'

22. I'll change this text by clicking it and typing over what's there.

I'll change this text by clicking it and typing over what's there.

23. Next, I'll change the text and the link for the red button.

Next, I'll change the text and the link for the red button.

24. I'll click the red button, then "Edit link."

I'll click the red button, then 'Edit link.'

25. Here's where I'll change the link and the text for the button. Then I'll click "Update."

Here's where I'll change the link and the text for the button.  Then I'll click 'Update.'

26. I also want to delete the black button. In order to do that, I'll need to unlink it first.

I also want to delete the black button. In order to do that, I'll need to unlink it first.

27. I'll click the black button, then choose the unlink icon from the editing options.

I'll click the black button, then choose the unlink icon from the editing options.

28. After it's unlinked, I can delete the word "Events."

After it's unlinked, I can delete the word 'Events.'

29. I want a different font color, so I'll double click the button until I see the text editor.

I want a different font color, so I'll double click the button until I see the text editor.

30. This is the font color option.

This is the font color option.

31. I'll choose white.

I'll choose white.

32. I'll click the button to get to the editor again and choose "Bold."

I'll click the button to get to the editor again and choose 'Bold.'

33. I have a "DONATE NOW! button!

I have a 'DONATE NOW! button!

34. I'll save the changes I made to the page.

I'll save the changes I made to the page.

35. Blue button

Blue button

36. Red button

Red button

37. I'll click "Hide editing options" to exit the editor.

I'll click 'Hide editing options' to exit the editor.

Did this answer your question?