SEO and Blogs Add-on
Product SEO Addon Setup:
About Add-on
The SpurtCommerce SEO Plugin enables store administrators and sellers to optimize their eCommerce site for search engines by setting SEO attributes for products, pages, categories, and blogs. This plugin helps improve site visibility in search engine results, making it easier for customers to find products and content online.
Features:
SEO for Products: Add SEO titles, meta descriptions, and keywords to individual product pages, improving their search engine ranking.
SEO for Pages: Configure SEO elements for custom pages, allowing for better indexing and visibility of important site information.
SEO for Categories: Optimize category pages with relevant keywords and meta information to attract targeted traffic for specific product groups.
SEO for Blog Posts: Improve blog post reach by adding SEO titles, descriptions, and keywords, enhancing engagement with valuable content.
Frontend Setup – Admin Panel:
Follow these steps to set up the front end for the Product SEO addon in Spurtcommerce Admin Panel.
Step 1: Install the Addon:
Locate the Spurtcommerce addon package, typically named admin.addOns.zip.
Extract the zip file and copy the Product SEO folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns ->Cms->Manage-SEO-> Product
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:
If you wish to uninstall or remove the Product SEO addon, replace the component paths and route paths with an empty array.
Step 3: Run the Application:
To run the application with the integrated Product SEO addon, use the following command:
After executing this command, the addon will be available on Spurtcommerce on the designated page.
Step 4: Build the Application
Finally, to prepare the application for deployment, run the build command:
The latest build files will then be ready to deploy to the server.
Category SEO Addon Setup:
Frontend Setup – Admin Panel:
Follow these steps to set up the front end for the Category SEO addon in Spurtcommerce Admin Panel.
Step 1: Install the Addon:
Locate the Spurtcommerce addon package, typically named admin.addOns.zip.
Extract the zip file and copy the Category SEO folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns ->Cms->Manage-SEO-> Category
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:
If you wish to uninstall or remove the Category SEO addon, replace the component paths and route paths with an empty array.
Step 3: Run the Application:
To run the application with the integrated Category SEO addon, use the following command:
After executing this command, the addon will be available on Spurtcommerce on the designated page.
Step 4: Build the Application
Finally, to prepare the application for deployment, run the build command:
The latest build files will then be ready to deploy to the server.
Page SEO Addon Setup:
Frontend Setup – Admin Panel:
Follow these steps to set up the front end for the Page SEO addon in Spurtcommerce Admin Panel.
Step 1: Install the Addon:
Locate the Spurtcommerce addon package, typically named admin.addOns.zip.
Extract the zip file and copy the Page SEO folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns ->Cms->Manage-SEO-> Page
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:
If you wish to uninstall or remove the Page SEO addon, replace the component paths and route paths with an empty array.
Step 3: Run the Application:
To run the application with the integrated Page SEO addon, use the following command:
After executing this command, the addon will be available on Spurtcommerce on the designated page.
Step 4: Build the Application
Finally, to prepare the application for deployment, run the build command:
The latest build files will then be ready to deploy to the server.
Blog SEO Addon Setup:
Frontend Setup – Admin Panel:
Follow these steps to set up the front end for the Blog SEO addon in Spurtcommerce Admin Panel.
Step 1: Install the Addon:
Locate the Spurtcommerce addon package, typically named admin.addOns.zip.
Extract the zip file and copy the Blog SEO folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns ->Cms->Manage-SEO-> Blog
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:
If you wish to uninstall or remove the Blog SEO addon, replace the component paths and route paths with an empty array.
Step 3: Run the Application:
To run the application with the integrated Blog SEO addon, use the following command:
After executing this command, the addon will be available on Spurtcommerce on the designated page.
Step 4: Build the Application
Finally, to prepare the application for deployment, run the build command:
The latest build files will then be ready to deploy to the server.
Site Map Addon Setup:
Frontend Setup – Admin Panel:
Follow these steps to set up the front end for the Site Map addon in Spurtcommerce Admin Panel.
Step 1: Install the Addon:
Locate the Spurtcommerce addon package, typically named admin.addOns.zip.
Extract the zip file and copy the Site Map folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns ->Cms->Manage-SEO-> Site Map
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the addon, update the add-ons.constant.ts file to include the necessary plugins
If you wish to uninstall or remove the Site Map addon, replace the component paths and route paths with an empty array.
Step 3: Run the Application:
To run the application with the integrated Site Map addon, use the following command:
After executing this command, the addon will be available on Spurtcommerce on the designated page.
Step 4: Build the Application
Finally, to prepare the application for deployment, run the build command:
The latest build files will then be ready to deploy to the server.
Blog Post Addon Setup:
Frontend Setup – Admin Panel:
Follow these steps to set up the front end for the Blog Post addon in Spurtcommerce Admin Panel.
Step 1: Install the Addon:
Locate the Spurtcommerce addon package, typically named admin.addOns.zip.
Extract the zip file and copy the Blog Post folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns ->CMS->Manage Blog -> Post
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:
If you wish to uninstall or remove the Blog Post addon, replace the component paths and route paths with an empty array.
Step 3: Run the Application:
To run the application with the integrated Blog Post addon, use the following command:
After executing this command, the addon will be available on Spurtcommerce on the designated page.
Step 4: Build the Application
Finally, to prepare the application for deployment, run the build command:
The latest build files will then be ready to deploy to the server.
Blog Category Addon Setup:
Frontend Setup – Admin Panel:
Follow these steps to set up the front end for the Blog Category addon in Spurtcommerce Admin Panel.
Step 1: Install the Addon:
Locate the Spurtcommerce addon package, typically named admin.addOns.zip.
Extract the zip file and copy the Blog Category folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns ->CMS->Manage Blog -> Category
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:
If you wish to uninstall or remove the Blog Category addon, replace the component paths and route paths with an empty array.
Step 3: Run the Application:
To run the application with the integrated Blog Category addon, use the following command:
After executing this command, the addon will be available on Spurtcommerce on the designated page.
Step 4: Build the Application
Finally, to prepare the application for deployment, run the build command:
The latest build files will then be ready to deploy to the server.
Product Seo Addon Setup:
Frontend Setup - Seller Panel:
Follow these steps to set up the front end for the Seo addon in Spurtcommerce Seller Panel.
Step 1: Install the Addon:
Locate the Spurtcommerce addon package, typically named seller.addOns.zip.
Extract the zip file and copy the seo folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns ->catalog -> seo
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:
If you wish to uninstall or remove the Seo addon, replace the component paths and route paths with an empty array.
Step 3: Run the Application:
To run the application with the integrated Seo addon, use the following command:
After executing this command, the addon will be available on Spurtcommerce on the designated page.
Step 4: Build the Application
Finally, to prepare the application for deployment, run the build command:
The latest build files will then be ready to deploy to the server.
Blogs Store Setup
Follow these steps to set up the Blogs module on the front-end Next.js web store.
Setup Overview:
Install the extension
Update configuration
Integrate the module
Run the application
Build the application
Step 1: Install the Extension
Locate the Spurtcommerce addon package, typically named addOns.zip.
Extract the zip file and copy the Blogs folder into the addOns folder in your project.
projectFolder -> addOns
After this step, the structure should look like:
projectFolder -> addOns -> Blogs
Once completed, proceed to update the configuration.
Step 2: Update the Configuration
After installing the extension, update the configuration in Spurtcommerce’s addonsconfig.js as follows:
Import the required line into addonsconfig.js.
Add the Blogslist plugin to the specified object.
Add the following components to the AddonsComponent object:
Blogslist
Blogsdetails
After making these updates, the AddonsComponent object should reflect the new components.
Step 3: Module Details
The Blogs module includes the following components that you can utilize in any page within Spurtcommerce by sending the required Blog data as props:
Blogsdetails Component
Note: Use the Blogsdetails component by passing the product data as a prop:
Step 4: Run the Application
Once you have integrated the Blogs module, run the application using:
This command will launch Spurtcommerce with the integrated Blogs module visible on the specified page.
Step 5: Build the Application
To prepare the application for deployment, execute the following command:
or
The latest build files will then be ready for server deployment.
Last updated