How to Add a LinkedIn Feed When Using the Classic Editor in WordPress

Using the WordPress Classic Editor? You can still use ProFeedWP.

Update: ProFeedWP now includes a native shortcode, so you no longer need to create a separate Gutenberg page or add a custom shortcode to your theme. See the shortcode documentation for the recommended method.

ProFeedWP now includes a native shortcode, which is the easiest way to add a LinkedIn feed in the Classic Editor. The guide below explains an older workaround for sites using earlier versions of ProFeedWP.

1. Legacy method: Install the custom shortcode

Add this to a small plugin or your theme’s functions.php:

/**
 * Shortcode: [render_page_content id="123"] or [render_page_content slug="my-feed-page"]
 */
function pfwp_render_page_content_sc( $atts = [] ) {
    $atts = shortcode_atts(['id'=>'','slug'=>'','wrap'=>'div','class'=>'pfwp-embedded-content'], $atts,'render_page_content');

    $target_id = $atts['id'] ? absint($atts['id']) : 0;
    if (!$target_id && $atts['slug']) {
        $p = get_page_by_path( sanitize_title($atts['slug']), OBJECT, ['page','post'] );
        if ($p) $target_id = (int) $p->ID;
    }
    if (!$target_id || get_the_ID() === $target_id) return '';
    $post = get_post($target_id);
    if (!$post || 'publish' !== $post->post_status) return '';

    static $stack=[]; if (in_array($target_id,$stack,true)) return ''; $stack[]=$target_id;
    $prev = $GLOBALS['post'] ?? null; $GLOBALS['post']=$post; setup_postdata($post);
    $html = apply_filters('the_content', $post->post_content);
    wp_reset_postdata(); $GLOBALS['post']=$prev; array_pop($stack);

    $wrap = in_array($atts['wrap'], ['div','section','article','span'], true) ? $atts['wrap'] : 'div';
    return sprintf('<%1$s class="%2$s" data-source-id="%3$d">%4$s</%1$s>', $wrap, esc_attr(sanitize_html_class($atts['class'])), (int)$target_id, $html);
}
add_shortcode('render_page_content', 'pfwp_render_page_content_sc');
Code language: PHP (php)

2) Allow both editors

Go to:

Settings → Writing

If you are using the Classic Editor plugin, make sure users are allowed to switch between the Classic Editor and the Block Editor.

This lets you keep using the Classic Editor for your normal pages, while still creating one Gutenberg page for the feed.

3) Create your “feed page”

• Create a new page and choose the native Gutenberg editor.
• Add only the ProFeedWP – LinkedIn Feed block to this page.
• Configure your LinkedIn feed, choose your layout, and style it as needed.
• Publish the page and note either the page ID or the page slug.
• Make a page that contains just the ProFeedWP – LinkedIn Feed block. Publish it and note the ID or slug.
• Make sure to hide it from search engines (If you use Yoast, set the ‘Allow search engines to show this Page in search results?‘ to No )

For best results, keep this page very simple. It should usually contain only the ProFeedWP block.

4) Embed it anywhere

Open the page where you want the LinkedIn feed to appear.

In the Classic Editor, add this shortcode:

[render_page_content id="123"]Code language: JSON / JSON with Comments (json)

Replace 123 with the ID of your feed page.

You can also use the page slug instead:

[render_page_content slug="linkedin-feed"]Code language: JSON / JSON with Comments (json)

Update the page and view it on the frontend.

Your ProFeedWP LinkedIn feed should now appear on your Classic Editor page.

Need help?

If you need help setting this up, feel free to contact us. We can help you add ProFeedWP to a Classic Editor site, staging site, or client site.