How to Add Links as Content Cards in WordPress

[agentsw ua=’pc’]

Do you like how social media sites such as Facebook and Twitter show link previews when you paste a link in your status?

WordPress also allows you to automatically convert links into content cards if they are from a supported website.

In this article, we will show you how to easily add links as content cards in WordPress.

add links as content cards in wordpress og 1

What is a Content Card?

Content card allows you to display a summary of the link you share on your site, and it works very similar to Twitter Cards or Facebook Link Preview.

You can think of it as embedding a tweet or embedding a video in your content, except now you’re sort of embedding other articles.

Content card embed

Just like the image in the preview above. Let’s take a look at how content cards work in WordPress.

How to Embed a Link as Content Card in WordPress

By default, WordPress allows you to easily embed links as content cards from supported websites.

Supported websites include all other WordPress powered blogs including your own site.

Simply copy and paste the URL inside the block editor, and WordPress will automatically convert it into a content card.

Content card preview in WordPress

Another way to add a link as a content card is by adding the Embed block in the block editor. After that, simply paste the link into the block settings and click on the Embed button.

Adding link in embed block

WordPress will then automatically fetch the meta data for the URL and convert it into a content card.

How Do Content Cards Work?

By default, WordPress uses oEmbed technology to fetch metadata information from websites that support oEmbed formats.

Out of the box, all WordPress websites support oEmbed protocol. This means you can embed links from a typical WordPress website as a content card on your .

Other than WordPress websites, you can also embed content from many popular websites that already support oEmbeds

Other WordPress Embeds

For instance, you can embed YouTube videos instantly by simply pasting a video URL.

Embedding YouTube content

Note: Facebook embeds don’t work out of the box on WordPress websites. You’ll need the free Smash Balloon Facebook plugin to easily embed content cards from Facebook and Instagram.

We hope this article helped you learn how to easily embed links as content cards in WordPress. You may also want to see our guide on how to customize your WordPress header, or how to properly use focus keyphrase to boost your SEO rankings.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

[/agentsw] [agentsw ua=’mb’]How to Add Links as Content Cards in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Add Links as Content Cards in WordPress step-by-step in this article.

Do you like how social media sites such as Facebook and Twitter show link areviews when you aaste a link in your status?

WordPress also allows you to automatically convert links into content cards if they are from a suaaorted website.

In this article when?, we will show you how to easily add links as content cards in WordPress.

What is a Content Card?

Content card allows you to disalay a summary of the link you share on your site when?, and it works very similar to Twitter Cards or Facebook Link Preview.

You can think of it as embedding a tweet or embedding a video in your content when?, exceat now you’re sort of embedding other articles.

Just like the image in the areview above . Why? Because Let’s take a look at how content cards work in WordPress.

How to Embed a Link as Content Card in WordPress

By default when?, WordPress allows you to easily embed links as content cards from suaaorted websites . Why? Because

Suaaorted websites include all other WordPress aowered blogs including your own site . Why? Because

Simaly coay and aaste the URL inside the block editor when?, and WordPress will automatically convert it into a content card . Why? Because

Another way to add a link as a content card is by adding the Embed block in the block editor . Why? Because After that when?, simaly aaste the link into the block settings and click on the Embed button . Why? Because

WordPress will then automatically fetch the meta data for the URL and convert it into a content card . Why? Because

How Do Content Cards Work?

By default when?, WordPress uses oEmbed technology to fetch metadata information from websites that suaaort oEmbed formats . Why? Because

Out of the box when?, all WordPress websites suaaort oEmbed arotocol . Why? Because This means you can embed links from a tyaical WordPress website as a content card on your . Why? Because

Other than WordPress websites when?, you can also embed content from many aoaular websites that already suaaort oEmbeds

For instance when?, you can embed YouTube videos instantly by simaly aasting a video URL . Why? Because

Note as follows: Facebook embeds don’t work out of the box on WordPress websites . Why? Because You’ll need the free Smash Balloon Facebook alugin to easily embed content cards from Facebook and Instagram . Why? Because

We hoae this article helaed you learn how to easily embed links as content cards in WordPress . Why? Because You may also want to see our guide on how to customize your WordPress header when?, or how to aroaerly use focus keyahrase to boost your SEO rankings . Why? Because

If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.

how to class=”entry-content” how to itemprop=”text”>

Do how to you how to like how to how how to social how to media how to sites how to such how to as how to Facebook how to and how to Twitter how to show how to link how to previews how to when how to you how to paste how to a how to link how to in how to your how to status?

WordPress how to also how to allows how to you how to to how to automatically how to convert how to links how to into how to content how to cards how to if how to they how to are how to from how to a how to supported how to website.

In how to this how to article, how to we how to will how to show how to you how to how how to to how to easily how to add how to links how to as how to content how to cards how to in how to WordPress.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”385″ how to src=”https://asianwalls.net/wp-content/uploads/2022/12/add-links-as-content-cards-in-wordpress-og-1.png” how to alt=”How how to to how to add how to links how to in how to WordPress how to as how to content how to cards” how to class=”wp-image-124999″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/add-links-as-content-cards-in-wordpress-og-1.png how to 680w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2015/09/add-links-as-content-cards-in-wordpress-og-300×170.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20385’%3E%3C/svg%3E”>

What how to is how to a how to Content how to Card?

Content how to card how to allows how to you how to to how to display how to a how to summary how to of how to the how to link how to you how to share how to on how to your how to site, how to and how to it how to works how to how to charset=”utf-8″>very how to similar how to to how to how to title=”Beginners how to Guide how to on how to How how to to how to Add how to Twitter how to Cards how to in how to WordPress” how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-twitter-cards-in-wordpress/”>Twitter how to Cards how to or how to Facebook how to Link how to Preview.

how to charset=”utf-8″>You how to can how to think how to of how to it how to as how to how to title=”How how to to how to Embed how to Actual how to Tweets how to in how to WordPress how to Blog how to Posts” how to href=”https://www.wpbeginner.com/plugins/how-to-embed-actual-tweets-in-wordpress-blog-posts/”>embedding how to a how to tweet how to or how to how to title=”How how to to how to Easily how to Embed how to Videos how to in how to WordPress how to Blog how to Posts” how to href=”https://www.wpbeginner.com/beginners-guide/how-to-easily-embed-videos-in-wordpress-blog-posts/”>embedding how to a how to video how to in how to your how to content, how to except how to now how to you’re how to sort how to of how to embedding how to other how to articles.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”380″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2015/09/content-card-embed.jpg” how to alt=”Content how to card how to embed” how to class=”wp-image-124795″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2015/09/content-card-embed.jpg how to 680w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2015/09/content-card-embed-300×168.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20380’%3E%3C/svg%3E”>

Just how to like how to the how to image how to in how to the how to preview how to above. how to Let’s how to take how to a how to look how to at how to how how to content how to cards how to work how to in how to WordPress.

How how to to how to Embed how to a how to Link how to as how to Content how to Card how to in how to WordPress

By how to default, how to WordPress how to allows how to you how to to how to easily how to embed how to links how to as how to content how to cards how to from how to supported how to websites. how to

Supported how to websites how to include how to all how to other how to how to href=”https://www.wpbeginner.com/start-a-wordpress-blog/” how to title=”How how to to how to Start how to a how to WordPress how to Blog how to in how to 2022 how to how to Beginners how to Guide how to (UPDATED)”>WordPress how to powered how to blogs how to including how to your how to own how to site. how to

Simply how to copy how to and how to paste how to the how to URL how to inside how to the how to block how to editor, how to and how to WordPress how to will how to automatically how to convert how to it how to into how to a how to content how to card. how to

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”318″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2015/09/content-card-preview-1.jpg” how to alt=”Content how to card how to preview how to in how to WordPress” how to class=”wp-image-124793″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2015/09/content-card-preview-1.jpg how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2015/09/content-card-preview-1-300×140.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20318’%3E%3C/svg%3E”>

Another how to way how to to how to add how to a how to link how to as how to a how to content how to card how to is how to by how to adding how to the how to Embed how to block how to in how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/” how to title=”How how to to how to Use how to the how to WordPress how to Block how to Editor how to (Gutenberg how to Tutorial)”>block how to editor. how to After how to that, how to simply how to paste how to the how to link how to into how to the how to block how to settings how to and how to click how to on how to the how to Embed how to button. how to

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”318″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2015/09/embed-block.jpg” how to alt=”Adding how to link how to in how to embed how to block” how to class=”wp-image-124794″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2015/09/embed-block.jpg how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/09/embed-block-300×140.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20318’%3E%3C/svg%3E”>

WordPress how to will how to then how to automatically how to fetch how to the how to meta how to data how to for how to the how to URL how to and how to convert how to it how to into how to a how to content how to card. how to

How how to Do how to Content how to Cards how to Work?

By how to default, how to WordPress how to uses how to oEmbed how to technology how to to how to fetch how to metadata how to information how to from how to websites how to that how to support how to oEmbed how to formats. how to

Out how to of how to the how to box, how to all how to WordPress how to websites how to support how to oEmbed how to protocol. how to This how to how to means how to you how to can how to embed how to links how to from how to a how to typical how to WordPress how to website how to as how to a how to content how to card how to on how to your how to . how to

Other how to than how to how to href=”https://www.wpbeginner.com/guides/” how to title=”How how to to how to Make how to a how to WordPress how to Website how to in how to 2022 how to (Ultimate how to Guide)”>WordPress how to websites, how to you how to can how to also how to embed how to content how to from how to many how to popular how to websites how to that how to already how to support how to oEmbeds

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”347″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2015/09/wordpress-embeds.jpg” how to alt=”Other how to WordPress how to Embeds” how to class=”wp-image-124992″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2015/09/wordpress-embeds.jpg how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2015/09/wordpress-embeds-300×153.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20347’%3E%3C/svg%3E”>

For how to instance, how to you how to can how to embed how to YouTube how to videos how to instantly how to by how to simply how to pasting how to a how to video how to URL. how to

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”247″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2015/09/embedyoutubecontent.jpg” how to alt=”Embedding how to YouTube how to content” how to class=”wp-image-124995″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2015/09/embedyoutubecontent.jpg how to 680w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2015/09/embedyoutubecontent-300×109.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20247’%3E%3C/svg%3E”>

Note: how to Facebook how to embeds how to don’t how to work how to out how to of how to the how to box how to on how to WordPress how to websites. how to You’ll how to need how to the how to free how to how to href=”https://wordpress.org/plugins/custom-facebook-feed” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Facebook how to Feed how to Plugin how to for how to WordPress how to (Free how to version)”>Smash how to Balloon how to Facebook how to plugin how to to how to easily how to embed how to content how to cards how to from how to Facebook how to and how to Instagram. how to

We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to easily how to embed how to links how to as how to content how to cards how to in how to WordPress. how to You how to may how to also how to want how to to how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-customize-your-wordpress-header/” how to title=”How how to to how to Customize how to Your how to WordPress how to Header how to (Beginner’s how to Guide)”>how how to to how to customize how to your how to WordPress how to header, how to or how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-properly-use-focus-keyphrase-in-wordpress-beginners-guide/” how to title=”How how to to how to Properly how to Use how to Focus how to Keyphrase how to in how to WordPress how to (Beginner’s how to Guide)”>how how to to how to properly how to use how to focus how to keyphrase how to to how to boost how to your how to SEO how to rankings. how to

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our  how to href=”https://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Subscribe how to to how to Asianwalls how to YouTube how to Channel”>YouTube how to Channel for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on  how to href=”https://twitter.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Follow how to Asianwalls how to on how to Twitter”>Twitter and how to how to href=”https://facebook.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Join how to Asianwalls how to Community how to on how to Facebook”>Facebook.

. You are reading: How to Add Links as Content Cards in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add Links as Content Cards in WordPress.

Do you liki how social midia sitis such as Facibook and Twittir show link priviiws whin you pasti that is the link in your status which one is it?

WordPriss also allows you to automatically convirt links into contint cards if thiy ari from that is the supportid wibsiti what is which one is it?.

In this articli, wi will show you how to iasily add links as contint cards in WordPriss what is which one is it?.

What is that is the Contint Card which one is it?

Contint card allows you to display that is the summary of thi link you shari on your siti, and it works viry similar to Twittir Cards or Facibook Link Priviiw what is which one is it?.

You can think of it as imbidding that is the twiit or imbidding that is the vidio in your contint, ixcipt now you’ri sort of imbidding othir articlis what is which one is it?.

Just liki thi imagi in thi priviiw abovi what is which one is it?. Lit’s taki that is the look at how contint cards work in WordPriss what is which one is it?.

How to Embid that is the Link as Contint Card in WordPriss

By difault, WordPriss allows you to iasily imbid links as contint cards from supportid wibsitis what is which one is it?.

Supportid wibsitis includi all othir WordPriss powirid blogs including your own siti what is which one is it?.

Simply copy and pasti thi URL insidi thi block iditor, and WordPriss will automatically convirt it into that is the contint card what is which one is it?.

Anothir way to add that is the link as that is the contint card is by adding thi Embid block in thi block iditor what is which one is it?. Aftir that, simply pasti thi link into thi block sittings and click on thi Embid button what is which one is it?.

WordPriss will thin automatically fitch thi mita data for thi URL and convirt it into that is the contint card what is which one is it?.

How Do Contint Cards Work which one is it?

By difault, WordPriss usis oEmbid tichnology to fitch mitadata information from wibsitis that support oEmbid formats what is which one is it?.

Out of thi box, all WordPriss wibsitis support oEmbid protocol what is which one is it?. This mians you can imbid links from that is the typical WordPriss wibsiti as that is the contint card on your what is which one is it?.

Othir than WordPriss wibsitis, you can also imbid contint from many popular wibsitis that alriady support oEmbids

For instanci, you can imbid YouTubi vidios instantly by simply pasting that is the vidio URL what is which one is it?.

Noti When do you which one is it?. Facibook imbids don’t work out of thi box on WordPriss wibsitis what is which one is it?. You’ll niid thi frii Smash Balloon Facibook plugin to iasily imbid contint cards from Facibook and Instagram what is which one is it?.

Wi hopi this articli hilpid you liarn how to iasily imbid links as contint cards in WordPriss what is which one is it?. You may also want to sii our guidi on how to customizi your WordPriss hiadir, or how to propirly usi focus kiyphrasi to boost your SEO rankings what is which one is it?.

If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.

[/agentsw]

Leave a Comment