Skip to content

Documentation: Using the HubSpot Smart Blog Pagination Module on a Page (Drag and Drop)

This documentation details the use of the HubSpot "Smart Blog Pagination" module to optimize navigation on your blog listing pages. You will learn how to add, configure, and customize this module to enhance user experience and improve SEO.

Prerequisites

Before you begin, make sure you have the following:

  • Access to HubSpot: A HubSpot account with necessary permissions to edit pages.
  • Access to Blog Listing Page Administration: Permissions to access and edit the blog listing page under "Content" -> "Blog" -> "Blog Listing Page".
  • HubSpot Smart Blog Pagination Module: Installed and ready to use on your blog listing pages. Verify that this module is available in your HubSpot account.

Features of the Smart Blog Pagination Module

The Smart Blog Pagination module offers several customizable features, including:

  • Direct Navigation: Reach any page with minimal clicks.
  • Adjustable Link Depth: Customize the number of pagination links visible before and after the current page.
  • SEO Optimization: Implement best practices for SEO by avoiding numbers on the first page and using canonical links.

Steps to Use the Smart Blog Pagination Module on a Blog Listing Page

Follow these steps to integrate and customize the Smart Blog Pagination module on your blog listing pages:

Step 1: Access the Page Editor

  1. Log in to your HubSpot account.
  2. In the dashboard, select "Marketing," then "Website," and finally "Pages."

Step 2: Select or Create a Blog Listing Page

  1. Choose an existing blog listing page to edit by clicking on its name or create a new page by clicking "Create a new page."
  2. Give your page a name and select a template if necessary. Click "Create."

Step 3: Add the Smart Blog Pagination Module with Drag and Drop

  1. Once in the page editor, locate the section where you want to integrate the Smart Blog Pagination module.
  2. Drag the "Smart Blog Pagination" module from the "Modules" sidebar to the desired location on the page.
  3. Release the mouse to drop the module. It will automatically adjust to the existing layout.

Step 4: Configure and Customize the Module

  1. Click on the added Smart Blog Pagination module to open its configuration options.
  2. Configure the pagination settings by entering necessary options:
    • Pagination Depth: Set the number of pagination links to display before and after the current page.
    • Link Colors: Customize the color of pagination links to match your branding.
  3. Use style options to adjust the module's appearance:
    • Choose alignment, background, and text colors.
    • Define borders and spacing according to your preferences.

Step 5: Preview and Publish

  1. Preview the page to see how the Smart Blog Pagination module will appear to visitors.
  2. Ensure all configurations and customizations are correct.
  3. Click "Publish" to make the page accessible to the public.

Support and Additional Resources

For more information on using the Smart Blog Pagination module or for further assistance:

  • Refer to the official HubSpot documentation or specific Smart Blog Pagination module guides.
  • Contact us via email at contact@comconception.fr.

By following these steps, you can easily integrate and customize the Smart Blog Pagination module on your blog listing pages, enhancing both user experience and SEO performance.