> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://linkie.bio/help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add website links to Linkie

# How to add website links to Linkie

###### **Step-by-step guide on how to add website links to Linkie**

Website links help you share blog posts, products, announcements, landing pages, or any other important page on your Linkie page.

### Open Website Link

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/add-website-link_wosmkp.png =600xauto)

Open your Linkie page in the [playground](https://app.linkie.bio/playground), then click **Website Link** in the sticky menu at the bottom.

Using the sticky menu adds the new card at the top of your Linkie page as the newest post.

### Add the card at a specific position instead

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/insert_xy4tcx.png =600xauto)

Instead of using the sticky menu, hover over the gap where you want the new card to appear, then click **+ Insert**. The button appears only in gaps that span a full row, not between cards in adjacent columns. Clicking it chooses the position before you create the card.

Choose **Website Link**. This opens the same creation dialog as the sticky menu. Fill in the information using the steps below. When you add the card, it appears in the gap you clicked.

### Copy the website URL

Copy the URL you want to add. This can be a blog post, store product, social post, landing page, or any other website URL, for e.g: https://publer.com.

||| If you add a social post as a website link, you will not be able to change the redirect URL. However, you can customize the icon and add a button, which is not possible when using the **Add a social post** option. Learn how to add social posts to your Linkie [here](https://linkie.bio/help/en/article/how-to-add-social-posts-to-linkie-dvqmxf/).

### Paste the link in Linkie

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/add-website-link-2_1l8l3fc.png =600xauto)

Go back to Linkie, paste the website URL into **Paste URL**, then click **Add Link**.

### Review the generated preview

Linkie will automatically generate a preview with the title, image, and description. By default, the website link is added as a full-size rectangle card.

### Choose a layout

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/image_1ad7q1s.png =600x343)
After adding your link, choose the layout style that works best for your Linkie page. Website links support four layout options.

Use:
* **ICON** when you want a simple website icon without a large card preview. You can edit the website icon by hovering over the image, clicking the camera icon, and uploading a new picture.
* **PORTRAIT** for a wider card that shows the website title and icon. You can edit the icon by hovering over the image, clicking the camera icon, and uploading a new one. To edit the title, click the title text and start typing.
* **LANDSCAPE** for a compact card with a website thumbnail, title, and CTA button. You can edit the icon, title, and CTA button by clicking the area you want to update.
* **FULL** for featured links that need more space for the title, description, and CTA button. This layout does not support a website thumbnail image. You can edit the icon, title, and CTA button by clicking the area you want to update.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/link-preview_1v12j8l.png =600x773)

### Resizing the link thumbnail

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/image_1sb1mx.png =600x393)
When you use the **Large Rectangle** layout, you can change how the thumbnail image is displayed inside the card.

Use:
* The **wide rectangle** option to show a shorter, wider thumbnail that takes up about half of the card width.
* The **square** option to make the thumbnail square. This gives the image more height while still leaving room for the title and button on the left.
* The **tall rectangle** option to make the thumbnail narrower and taller on the right side. This leaves the most space for the text and button on the left.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-4_1jp60bt.png =600x749)

---

### Things to note

* Website links always open the original URL. You cannot set a custom redirect URL for them.
* Only the **Large Rectangle** layout supports a website thumbnail image. The other layouts use the website icon instead.
* Website cards cannot be resized manually. Choose one of the four available layout options instead.
* The social network icon shown on the top-left side of a social post preview cannot be changed.