--- title: Creating and using hyperlinks in the Website Builder. description: Hyperlinks can be added throughout your event website to direct users to Pages you've created in the Website Builder, external web addresses, e-mail addresses, and documents. What's more, you can also link buttons and images! --- [Skip to content](https://knowledgebase.akaraisin.com/en/support/how-to-hyperlink-content#main-content) [Submit a request ↗](https://knowledgebase.akaraisin.com/en/support/kb-tickets/new?hsLang=en) [![raisin Logo](https://knowledgebase.akaraisin.com/hs-fs/hubfs/logo_raisin.png?height=40&name=logo_raisin.png)](https://raisinsoftware.org/) - [Help Centre](https://knowledgebase.akaraisin.com/en/support) Open main navigation Close main navigation - [Help Centre](https://knowledgebase.akaraisin.com/en/support) - [Submit a request ↗](https://knowledgebase.akaraisin.com/en/support/kb-tickets/new) How can we help out? - There are no suggestions because the search field is empty. 1. [Help Centre](https://knowledgebase.akaraisin.com/en/support?hsLang=en) 2. [Content Management](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en) 3. [Sections and blocks](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#sections-and-blocks) # Creating and using hyperlinks in the Website Builder. ## Hyperlinks can be added throughout your event website to direct users to Pages you've created in the Website Builder, external web addresses, e-mail addresses, and documents. What's more, you can also link buttons and images! ### Creating Links #### Hyperlinking Text When writing text in the body of a page, you can transform any piece of in-line text into a link: 1. Enter your text and highlight it. 2. From the toolbar above, select the link icon. 3. Type the address where you'd like the text to direct users to, and a Title for accessibility purposes. 4. If you the link should open in a new browser tab, check the "New Window" option. 5. Click "OK". ![kb\_textlink](https://knowledgebase.akaraisin.com/hs-fs/hubfs/Knowledge%20Base/CMS/kb_textlink.png?width=688&name=kb_textlink.png) To remove the link, highlight the linked text and use the broken link icon that appears to the right of the link option in your toolbar. #### Hyperlinking Buttons & Icons Buttons and icons in the content library are pre-formatted as links. All you have to do is modify the destination of the button:  1. Add a content block that includes a button. 2. Hover over the button and select the "Edit Link" option that appears. 3. Like when hyperlinking text, enter the link address, button text (if it should change), a title and target. 4. Click "OK". **Note:** You can use this method to redirect the call-to-action buttons in your Header. Recall, though, that Main Navigation is determined by what you've dragged into this region in Pages. #### Hyperlinking Images Image blocks include a Link option that will point users who click the image somewhere. 1. Using one of the content blocks that feature an image, use the Camera icon to upload an image from your hard-drive. 2. After you've uploaded your image, hover over the image and you'll see an orange icon of a paperclip. This opens the Image Settings. 3. The image's setting includes a few things, like the source (in other words, the full URL of the image you've just uploaded and saved), title (the name of the image valuable for accessibility and SEO), and a **link** (hyperlink).  4. Select "Link" 5. Enter the URL of where you'd like to direct users who link on the image to. 6. Click "OK". ![kb\_imagelink](https://knowledgebase.akaraisin.com/hs-fs/hubfs/Knowledge%20Base/CMS/kb_imagelink.gif?width=688&name=kb_imagelink.gif) #### Adding a Link to your Main Navigation Links to external web addresses can also be added to your main navigation. Following the steps outlined [here](https://knowledgebase.akaraisin.com/support/how-do-i-make-a-new-page-navigation?hsLang=en). ### Types of Links Using the various link options in this article, you can hyperlink content to the following: - Web addresses - Pages in your Event site - [Email addresses](https://knowledgebase.akaraisin.com/en/support/how-to-hyperlink-content#email-address) - [Telephone numbers](https://knowledgebase.akaraisin.com/en/support/how-to-hyperlink-content#telephone-number) - [Documents](https://knowledgebase.akaraisin.com/en/support/how-to-hyperlink-content#documents) - [Anchor links](https://knowledgebase.akaraisin.com/en/support/how-to-hyperlink-content#anchor) #### Email addresses In the Link field, preface the email address you'd like to to link to with "mailto".  ![img\_kb\_mailto](https://knowledgebase.akaraisin.com/hubfs/Knowledge%20Base/CMS/img_kb_mailto.png) #### Telephone numbers In the Link field, preface a phone number with "tel:". #### Documents Like a web address, you create a hyperlink to any document hosted on the web by entering the link to the file. The file might be hosted on your website, another web property you own or an online file hosting service (e.g. Dropbox or OneDrive).  You can also host [files](https://knowledgebase.akaraisin.com/support/what-images-documents-and-media-would-be-accepted?hsLang=en) on raisin in the Document Manager: 1. Go the "Message Templates" section of your event or for Peer-to-Peer events, the "Edit - Share/Badge/Welcome" section and click Edit. 2. From the Design Editor, select the "Document Manager" icon and upload your document. Click to insert it. ![image-14](https://knowledgebase.akaraisin.com/hs-fs/hubfs/image-14.png?width=688&name=image-14.png) 3. Inserting the document will create a link in the editor. Right-click the link and choose Properties. 4. From the Document properties, copy the URL in the Link field -- from the "https://" until the end of the document extension (e.g. ".PDF") 5. Return to the Website CMS and paste the URL where the document should live on your event site. #### Anchor links raisin is an Angular application, which does not support all methods of anchoring links. To smoothly anchor to content on the same page, we recommend the following: 1\. In the content block where the anchor should exist, toggle to HTML mode. 2\. Navigate to the part of the content you'd like to jump to. 3\. Add an "id" and name it accordingly. For example, here we are setting an anchor to the "Hobby" subtitle with an id of: ``` id="hobby" ``` ![In HTML mode, adding an id to set up the anchor](https://knowledgebase.akaraisin.com/hs-fs/hubfs/Knowledge%20Base/CMS/anchor-html.png?width=642&height=310&name=anchor-html.png) 4\. Now, to link to the anchor, navigate to the part of the page where users will click. 5\. Toggle to HTML mode of the content block. 6\. Wrap the link text with the following code and add the id you've set in the anchor. In this example, click here is the link text and "hobby" is the id. ``` Click here ``` 7\. Save Anchoring content on a different page is not currently supported.   - [Account & General Setup](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#main-content) - [Organization](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#organization) - [Modules](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#modules) - [Payment](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#payment) - [Shared Content](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#shared-content) - [Security Management](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#security-management) - [Invoice](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#invoice) - [Email](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#email) - [Event Setup](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#main-content) - [Event Details](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#event-details) - [Go Live](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#go-live) - [Registration Information](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#registration-information) - [Sponsorship Items](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#sponsorship-items) - [Content Management](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#main-content) - [Pages](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#pages) - [Sections and blocks](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#sections-and-blocks) - [Design](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#design) - [User Profile Fields](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#user-profile-fields) - [Edit Content (Legacy)](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#edit-content-legacy) - [Message Templates](https://knowledgebase.akaraisin.com/en/support/message-templates?hsLang=en) - [User Management](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#main-content) - [Surveys](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#surveys) - [Donors](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#donors) - [Participants & Teams](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#participants-teams) - [Tickets & Tables](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#tickets-tables) - [Revenue Management](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#main-content) - [Assign Package Codes (Solicitation Codes)](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#assign-package-codes-solicitation-codes) - [Offline Pledges](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#offline-pledges) - [Payment and fundraising information](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#payment-and-fundraising-information) - [Promo Codes](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#promo-codes) - [Transactions](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#transactions) - [Tax Receipts](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#main-content) - [Manage](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#manage) - [Setup](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#setup) - [Analytics](https://knowledgebase.akaraisin.com/en/support/analytics?hsLang=en) - [Reports](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#main-content) - [General Questions](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#general-questions) - [General Donation](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#general-donation) - [Downloads](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#downloads) - [Common Reports](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#common-reports) - [Pledge / Multi-Pledge](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#pledge-multi-pledge) - [Export Data](https://knowledgebase.akaraisin.com/en/support/export-data?hsLang=en#main-content) - [Flat File](https://knowledgebase.akaraisin.com/en/support/export-data?hsLang=en#flat-file) - [Integrations](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#main-content) - [Google Analytics](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#google-analytics) - [Strava](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#strava) - [360MatchPro by Double the Donation](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#360matchpro-by-double-the-donation) - [Address Complete](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#address-complete) - [MailChimp](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#mailchimp) - [Live streaming](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#live-streaming) - [DonorPerfect](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#donorperfect) - [Customer Support](https://knowledgebase.akaraisin.com/en/support/customer-support?hsLang=en) [![Chill listening crop-3](https://knowledgebase.akaraisin.com/hs-fs/hubfs/logo_raisin.png?width=63&height=24&name=logo_raisin.png "Chill listening crop-3")](http://www.akaraisin.com) The digital fundraising partner to growing non-profits. Copyright © 2026 raisin Software | [Privacy Policy](https://raisinsoftware.org/privacy-policy/)