# Use card as link

**URL:** <https://community.bluespice.com/t/use-card-as-link/269>\
**Category:** Discussion/Misc\
**Created:** [March 5, 2025, 6:53am UTC](https://community.bluespice.com/t/use-card-as-link/269 "2025-03-05T06:53:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Otti](https://dub1.discourse-cdn.com/flex017/user_avatar/community.bluespice.com/otti/32/174_2.png) [@Otti](https://community.bluespice.com/u/Otti)\
**Post date:** [March 5, 2025, 6:53am UTC](https://community.bluespice.com/t/use-card-as-link/269/1 "2025-03-05T06:53:44Z")

</div>

Hi there,  
for my startpage I have created some card objects. Now I want to add link functionality to them, so that the cards become buttons. How can I achieve this?

My card looks like this:

```auto
<div class="startpage-frame"> <!-- Dritter Inhaltskasten-->
<div class="heading">
<span class="startpage-frame--icon bi bi-telephone"></span>
<br/> 
<span class="startpage-frame--text">Kontakte</span>
</div>
</div>

```

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![rvogel](https://avatars.discourse-cdn.com/v4/letter/r/eada6e/32.png) [@rvogel](https://community.bluespice.com/u/rvogel)\
**Post date:** [March 10, 2025, 8:02am UTC](https://community.bluespice.com/t/use-card-as-link/269/2 "2025-03-10T08:02:48Z")

</div>

Hello Otti, welcome to the BlueSpice Community Forums!

The application does not allow raw HTML links in WikiText. You can either link the word “Kontakte” itself (`[[...]]`)

```auto
<div class="startpage-frame"> <!-- Dritter Inhaltskasten-->
<div class="heading">
<span class="startpage-frame--icon bi bi-telephone"></span>
<br/> 
<span class="startpage-frame--text">[[Kontakte]]</span>
</div>
</div>

```

or assign an ID and use some JavaScript in the MediaWiki:Common.js page

```auto
<div class="startpage-frame" id="kontakte-card"> <!-- Dritter Inhaltskasten-->
<div class="heading">
<span class="startpage-frame--icon bi bi-telephone"></span>
<br/> 
<span class="startpage-frame--text">Kontakte</span>
</div>
</div>

```

```js
$( document ).on( 'click', '#kontakte-card', function() {
    window.location.href="https://...";
} );

```