{"id":295242,"date":"2026-04-13T17:28:30","date_gmt":"2026-04-13T17:28:30","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/toppicks-editorial-picks-card-section\/"},"modified":"2026-05-09T06:20:44","modified_gmt":"2026-05-09T06:20:44","slug":"toppicks-block","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/toppicks-block\/","author":3543235,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.2","tested":"6.9.4","requires":"6.4","requires_php":"8.0","requires_plugins":null,"header_name":"TopPicks - Affiliate Product Box, Review Block & Comparison Cards","header_author":"snilesh","header_description":"The \"Top Picks\" summary section WordPress has been missing. Create beautiful editorial pick cards for listicle articles \u2014 like Wirecutter, WPBeginner, and TechRadar. Zero JS, under 5KB, works with any theme.","assets_banners_color":"444c5d","last_updated":"2026-05-09 06:20:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/reycraft.com\/plugin\/toppicks-block\/","header_author_uri":"https:\/\/reycraft.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":239,"num_ratings":0,"support_threads":1,"support_threads_resolved":1,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"snilesh","date":"2026-04-13 17:38:18"},"1.0.1":{"tag":"1.0.1","author":"snilesh","date":"2026-04-17 07:07:22"},"1.0.2":{"tag":"1.0.2","author":"snilesh","date":"2026-05-09 06:20:44"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3500367,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3500367,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3500367,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3500367,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3500367,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Affiliate product boxes in horizontal layout \u2014 the default Wirecutter-style card list","2":"Product comparison cards in grid layout \u2014 vertical columns for side-by-side comparison","3":"Compact product list \u2014 minimal, space-efficient layout for quick affiliate recommendations","4":"Gutenberg block editor \u2014 inline editing with sidebar controls for badges, colors, and layouts","5":"Color customization panel \u2014 full control over card, badge, and button styling"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[369,6808,148076,254556,110],"plugin_category":[35],"plugin_contributors":[78466],"plugin_business_model":[],"class_list":["post-295242","plugin","type-plugin","status-publish","hentry","plugin_tags-affiliate","plugin_tags-comparison","plugin_tags-gutenberg","plugin_tags-product-box","plugin_tags-review","plugin_category-advertising","plugin_contributors-snilesh","plugin_committers-snilesh"],"banners":{"banner":"https:\/\/ps.w.org\/toppicks-block\/assets\/banner-772x250.png?rev=3500367","banner_2x":"https:\/\/ps.w.org\/toppicks-block\/assets\/banner-1544x500.png?rev=3500367","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/toppicks-block\/assets\/icon.svg?rev=3500367","icon":"https:\/\/ps.w.org\/toppicks-block\/assets\/icon.svg?rev=3500367","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"\n

TopPicks<\/strong> is the first WordPress plugin built specifically for creating affiliate product boxes<\/strong>, review cards, and \"Top Picks\" \/ \"Our Recommendations\" \/ \"Editor's Choice\" summary card sections at the top of listicle articles.<\/p>\n\n

Every major review site \u2014 Wirecutter, WPBeginner, TechRadar, PCMag, Tom's Hardware \u2014 uses this exact UI pattern: 3-5 product\/service recommendation cards with badges, one-liners, and CTA buttons. Until now, WordPress bloggers had to build this manually in HTML, use clunky page builders, or skip it entirely.<\/p>\n\n

TopPicks makes it one Gutenberg block \u2014 no coding, no page builder required.<\/strong><\/p>\n\n

Free Features (12)<\/h4>\n\n
    \n
  1. Top Picks Gutenberg block<\/strong> \u2014 drag-and-drop from the block inserter<\/li>\n
  2. Up to 5 pick cards<\/strong> per block<\/li>\n
  3. Badge labels<\/strong> \u2014 \"Best Overall\", \"Best Value\", \"Editor's Pick\" + custom badges<\/li>\n
  4. Product name + one-liner<\/strong> per card<\/li>\n
  5. CTA button with link<\/strong> \u2014 \"View Plans\", \"Check Price\", custom text<\/li>\n
  6. 3 layout templates<\/strong> \u2014 Horizontal cards, Vertical grid, Compact list<\/li>\n
  7. Basic color controls<\/strong> \u2014 badges, cards, buttons, section background<\/li>\n
  8. Responsive design<\/strong> \u2014 stacks beautifully on mobile<\/li>\n
  9. Section heading<\/strong> \u2014 \"Our Top Picks\", \"Editor's Choice\", custom text<\/li>\n
  10. Nofollow\/sponsored link toggle<\/strong> \u2014 rel=\"sponsored\" per Google guidelines<\/li>\n
  11. Under 5KB footprint<\/strong> \u2014 zero JavaScript on frontend, pure CSS<\/li>\n
  12. Works with any theme<\/strong> \u2014 100% Gutenberg-native, no page builder dependency<\/li>\n<\/ol>\n\n

    3 Layout Templates<\/h4>\n\n
      \n
    • Horizontal<\/strong> \u2014 the classic card list used by Wirecutter and WPBeginner (default)<\/li>\n
    • Grid<\/strong> \u2014 vertical product columns, perfect for 3-4 product comparison cards<\/li>\n
    • Compact<\/strong> \u2014 minimal, space-efficient list for quick product recommendations<\/li>\n<\/ul>\n\n

      Built for Affiliate Marketers<\/h4>\n\n
        \n
      • Nofollow \/ Sponsored toggles<\/strong> \u2014 per card, following Google's affiliate link guidelines<\/li>\n
      • Zero JavaScript on frontend<\/strong> \u2014 pure CSS rendering (under 5KB) for fastest page speed and Core Web Vitals<\/li>\n
      • SEO-friendly<\/strong> \u2014 clean semantic HTML, no bloat, no render-blocking scripts<\/li>\n
      • Works with any affiliate program<\/strong> \u2014 Amazon Associates, ShareASale, CJ, Impact, or any link<\/li>\n
      • Responsive mobile design<\/strong> \u2014 cards stack beautifully on all devices<\/li>\n<\/ul>\n\n

        Who Is This For?<\/h4>\n\n
          \n
        • Affiliate marketers<\/strong> writing \"Best X for 2026\" articles who need professional product boxes<\/li>\n
        • Review bloggers<\/strong> and niche site owners creating product roundup and comparison articles<\/li>\n
        • WooCommerce shops<\/strong> needing \"Staff Picks\" or \"Featured Products\" sections<\/li>\n
        • Anyone publishing product roundups, \"Best of\" lists, or recommendation posts<\/li>\n<\/ul>\n\n

          Why TopPicks Over Alternatives?<\/h4>\n\n

          Most affiliate plugins are bloated suites that do too much. TopPicks does one thing perfectly: beautiful product recommendation cards as a single, lightweight Gutenberg block.<\/strong> No shortcodes, no custom post types, no external API dependencies, no JavaScript on your frontend \u2014 just under 5KB of CSS.<\/p>\n\n\n

            \n
          1. Upload the toppicks-block<\/code> folder to \/wp-content\/plugins\/<\/code><\/li>\n
          2. Activate the plugin through the 'Plugins' menu<\/li>\n
          3. In the Gutenberg editor, search for \"Top Picks\" or find it in the Widgets category<\/li>\n
          4. Add pick cards, customize badges, set CTA links, choose a layout<\/li>\n
          5. Publish!<\/li>\n<\/ol>\n\n\n
            \n

            Does this work with my theme?<\/h3><\/dt>\n

            Yes! TopPicks is a native Gutenberg block \u2014 it works with every theme that supports the WordPress block editor.<\/p><\/dd>\n

            Does it add JavaScript to my frontend?<\/h3><\/dt>\n

            No. The frontend is pure CSS (under 5KB). Zero JavaScript is loaded on your public site, which means faster page speed, better Core Web Vitals, and improved SEO performance.<\/p><\/dd>\n

            How do I create an affiliate product box with TopPicks?<\/h3><\/dt>\n

            Add the TopPicks block to your post, fill in the product name, a short description, your affiliate URL, and choose a badge like \"Best Overall\" or \"Editor's Choice\". Your affiliate product box is ready to publish in seconds.<\/p><\/dd>\n

            Does TopPicks work with Amazon affiliate links?<\/h3><\/dt>\n

            Yes! TopPicks works with any affiliate link \u2014 Amazon Associates, ShareASale, CJ Affiliate, Impact, Awin, or any custom URL. Each card has built-in rel=\"sponsored\" and rel=\"nofollow\" toggles to follow Google's guidelines.<\/p><\/dd>\n

            Is this a product comparison plugin?<\/h3><\/dt>\n

            Yes. TopPicks creates product comparison cards \u2014 3-5 products displayed side-by-side with badges, descriptions, and CTA buttons. Choose the Grid layout for a classic product comparison look, or Horizontal for a card list style.<\/p><\/dd>\n

            Can I use TopPicks as a product review block?<\/h3><\/dt>\n

            Absolutely. Each product card supports a badge label (like \"Best Overall\" or \"Top Rated\"), a product image, a description, and a CTA button \u2014 everything you need for a product review block inside your articles.<\/p><\/dd>\n

            Does this plugin work with WooCommerce?<\/h3><\/dt>\n

            TopPicks works on any WordPress site with the Gutenberg block editor, including WooCommerce stores. Use it for \"Staff Picks\", \"Featured Products\", or \"Our Recommendations\" sections in your blog posts.<\/p><\/dd>\n

            How is TopPicks different from other affiliate plugins?<\/h3><\/dt>\n

            Most affiliate plugins are heavy suites with dozens of blocks, custom post types, and external API calls. TopPicks is a single, lightweight Gutenberg block (under 5KB CSS, zero JS) focused on doing one thing perfectly \u2014 beautiful product recommendation cards.<\/p><\/dd>\n

            How many product cards can I add?<\/h3><\/dt>\n

            You can add up to 5 product recommendation cards per block, which covers the majority of \"Top Picks\" and \"Best of\" article formats used by major review sites.<\/p><\/dd>\n

            Can I customize the product box design?<\/h3><\/dt>\n

            Yes. TopPicks gives you full control over section and card colors, badges, buttons, background colors, and card styling. Choose from horizontal, grid, or compact layouts to match your site design.<\/p><\/dd>\n

            Why only 5 cards in the free version?<\/h3><\/dt>\n

            Most \"Top Picks\" sections on major sites use 3-5 picks. The free version covers the most common use case.<\/p><\/dd>\n\n<\/dl>\n\n\n

            1.0.1<\/h4>\n\n
              \n
            • Removed plugin settings page link from the admin plugins list<\/li>\n<\/ul>\n\n

              1.0.0<\/h4>\n\n
                \n
              • Initial release<\/li>\n
              • 3 layout templates: horizontal, grid, compact<\/li>\n
              • Up to 5 pick cards with badges, names, descriptions, CTA buttons<\/li>\n
              • Full color customization<\/li>\n
              • Nofollow\/sponsored link controls<\/li>\n
              • Responsive mobile design<\/li>\n
              • Zero-JS frontend (under 5KB CSS)<\/li>\n<\/ul>","raw_excerpt":"Add beautiful affiliate product boxes, review cards, and comparison sections to your posts \u2014 one Gutenberg block, zero JavaScript, under 5KB.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/295242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=295242"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/snilesh"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=295242"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=295242"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=295242"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=295242"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=295242"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=295242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}