Document Navigation

Article list and details

SX-Creval's content marketing system consists of "article category pages (news lists)" and "article detail pages." This system is not only suitable for publishing corporate news, but also ideal for writing technical blogs, customer case studies, and industry white papers.

To greatly reduce your daily maintenance workload, SX-Creval adopts an advanced **"global layout and content separation" design**: you only need to configure the page appearance (such as layout style and sidebar widgets) once in the 【Layout Scheme】 in the backend. After that, every time you publish a new article, you only need to focus on filling in the text and images, and the system will automatically apply a beautiful layout for you.

1. Article category page (list display)

Article category pages are used to summarize and display all articles in a specific category (such as "Company News" or "Technical Support").

1.1 Header Banner Settings

When creating an article category page, you can add a unique top banner. The system supports adding either a standard banner or an advanced carousel banner to convey the theme of the category.

1.2 Global List Layout Scheme (News List Layout)

This is the master switch controlling the appearance of all list pages. In the "Article List Layout Schemes" section of the backend navigation, you can create a scheme and set it as the current site-wide option. The system provides four elegant list layout styles:

  • 1+3+N Style (News List 1) : The first article features a large, prominent image, followed by three medium-sized images, and then a regular list below. It exudes the professionalism of a news portal.
  • Image and text style (News List 2) : Standard foreign trade blog layout with images on the left and text on the right.
  • Card style (News List 3) : The grid-like card arrangement has a strong modern visual appeal.
  • Plain text style (News List 4) : Minimalist design, suitable for publishing company announcements or purely technical updates.

Personalization Controls : In any of the styles mentioned above, you can freely control the size and color of the main title, whether to display the article's publication year, whether to display category tags, and customize the number of articles displayed per page (if left blank, the site's global pagination configuration will be used automatically).

2. Article Details Page (Content Creation)

The article details page is the core page for customers to read in depth and build professional trust.

2.1 Minimalist Article Publishing Experience

Writing an article is very simple; you only need to focus on the following core content:

  • Inherited Category Banner : This switch is enabled by default. The banner for the category to which the article belongs will automatically appear at the top of the article, eliminating the need to create a different banner for each article. If not needed, simply turn the switch off.
  • Main Image and Rich Text : Upload a main image for the article and write the main text in a rich text editor similar to Word.

2.2 Powerful Article Bottom Extension Components (Body Blocks)

In addition to plain text, at the end of the article, you can insert various enhanced conversion components like building blocks:

  • Embedded video : Simply paste the YouTube link to generate a high-definition video player within the article.
  • Attachment Download : Insert a PDF instruction manual or technical document and customize the text of the "Download Button".
  • Designate relevant products (seamless product promotion) : Directly attach cards for relevant products at the end of technical articles to convert reader traffic into product inquiries.
  • Designate relevant articles : Manually select and recommend reading articles to extend the time customers spend on the website.
  • Insert Table : Supports an online table editor similar to Excel, suitable for displaying test data or specification comparisons.

2.3 Global News Detail Layout Scheme

Similar to the list page, the article reading experience is also uniformly controlled by the "Article Details Layout Scheme" in the backend. The system provides you with four preset top-notch reading layouts:

  • Option 1: Classic B2B (with sidebar) : The layout most in line with foreign trade habits. Main text on the left, sidebar on the right.
  • Option 2: Full-width Immersive : Hides the sidebar, providing an immersive reading experience similar to Medium. It allows control over the maximum text width (extremely narrow, standard, extra wide) and the page background color (pure white or light gray sophisticated background).
  • Option 3: Giant-screen magazine style : The main image of the article will be displayed as a stunning background image on half or full screen, with the title floating above the image, creating a strong visual impact for the brand.
  • Option 4: Dual-Column Pinned Sidebar: Similar to an industrial instruction manual layout. The main text on one side slides while the content on the other side remains pinned to the screen, ideal for placing a table of contents or quick inquiry forms. The mobile app can intelligently configure the sidebar to be hidden or moved to the bottom.

Text theme color scheme : The system has built-in multiple text reading color schemes (neutral gray, technical indigo, elegant teal, fresh emerald green, etc.), which can change the color atmosphere of the text, quotation boxes and links of the entire article with one click.

3. A powerful tool for converting inquiries: Global sidebar component

If you select a style with a "sidebar" in your layout scheme, the system allows you to add various advanced B2B marketing widgets to the sidebar to precisely capture customer leads:

  • Agent Card : Displays a personalized salesperson's photo, name, job title, WhatsApp account, and a brief bio. This greatly enhances the personal touch and builds customer trust.
  • Quick Contact Form : Customers can fill in their requirements in the sidebar without being redirected to another page and receive the form without the page refreshing.
  • Brochure/White Paper Download (Lead Magnet) : Upload a beautiful PDF cover image as "bait" to attract customers to click and download to obtain core technical information.
  • Recent Posts : The system automatically retrieves and displays the latest industry news (the system will automatically exclude the article that the customer is currently reading to avoid duplicate recommendations).
  • Category and Tag Navigation : Automatically generates quick jump links to article categories or product categories.

4. Automated SEO and Performance Optimization

In content marketing systems, SX-Creval automatically handles a significant amount of SEO work at the underlying level:

  1. Automatic archiving by year : The system supports filtering by URL year parameter, enabling article classification by year without manual intervention.
  2. Structured Data (Schema.org) : The system automatically extracts your article title, main image, publication time, modification time, and company name to generate Google's officially recommended NewsArticle or Article structured code, greatly increasing the click-through rate of search results.
  3. List page collection data : Category list pages automatically generate a CollectionPage data structure, which packages all articles into an index list and submits it to the search engine to speed up the indexing process.