Specifically designed forindustrial manufacturing, export trade, B2B technical serviceenterprises, each block is meticulously crafted around the „build trust → showcase strength → guide inquiry“ funnel. No coding required; combine and use them like building blocks within the Gutenberg editor.
Block 1: Hero Banner
Block 1: Hero Banner
The first screen determines whether visitors continue browsing. The Hero block supports full-screen background images + dual call-to-action buttons (e.g., „View Cases / Immediate Inquiry“), conveying the main business and value proposition within 3 seconds, preventing users from leaving due to inability to find the focus.
When to Use
- Website Homepage / Landing Page First Screen
- Important Product Line / New Service Launch Page
Why B2B Enterprises Need It
The first screen determines whether visitors continue browsing. The Hero block supports full-screen background images + dual call-to-action buttons (e.g., „View Cases / Immediate Inquiry“),Convey the main business and value proposition within 3 seconds, preventing users from leaving due to inability to find the focus.
💡 Best Practice: Use factory photos / equipment panoramas for the background, and use high-intent phrases like „Get a Quote“ or „View Catalog“ for button text.
Block 2: Hero Multi-Image Carousel
Block 2: Hero Multi-Image Carousel
When a single image cannot cover multiple business lines, use a carousel to efficiently display them in the same location.
Block 2: Hero Multi-Image Carousel
Based on Swiper.js, it offers smooth sliding and touch support, and does not cause slow loading due to multiple images (by default, only adjacent slides are preloaded).
When to Use
- Need to showcase multiple product series / service scenarios within one screen via carousel.
- Display partner client LOGOs, certifications, exhibition scenes.
What Problem Does It Solve
When a single image cannot cover multiple business lines, use a carousel to efficiently display them in the same location. Based on Swiper.js,Smooth sliding and touch support, and does not cause slow loading due to multiple images (by default, only adjacent slides are preloaded).
Block 3: About Us (Image & Text Introduction)
Block 3: About Us (Image & Text Introduction)
We are an industry-leading company dedicated to providing first-class solutions for our clients. With years of experience and a team of experts, we strive to exceed expectations and deliver excellence in every project we undertake.
Core Advantage Item 1
Advantage description text, or the advantage can be hidden.
Core Advantage Item 2
Supports up to 4 core advantage descriptions.
When to Use
- Homepage Second / Third Screen: Company Profile + Core Advantages
- Main content of the standalone „About Us“ page
Role in conversion
B2B transactions rely on trust. This block supportsLeft-right image-text switching + 4 core advantage items (with icons), using hard metrics like „years in operation/production capacity/number of patents/delivery standards“ instead of vague descriptions, allowing clients to quickly understand the company„s capabilities.
Block 4: Accordion/FAQ Collapsible Q&A
Block 4: Accordion/FAQ Collapsible Q&A
Filters out unsuitable inquiries in advance, saving time for both parties.
What is the minimum order quantity?
The LingHang Theme has a minimum order quantity of 1 and can be purchased at any time.
Warranty Policy
Purchasing the LingHang Theme includes 6 months of after-sales support and a lifetime upgrade guarantee.
When to Use
- Product parameter explanations, detailed service process
- Centralized answers to common customer questions (payment/delivery/after-sales)
Why it improves inquiry quality
Filters out unsuitable inquiries in advance, saving time for both parties. Placing „Minimum Order Quantity/MOQ/Warranty Policy/Customization Lead Time“ in the FAQallows clients to self-screen, leaving high-intent leads. Smooth expand/collapse animation that doesn't disrupt the overall page flow.
Block 5: Latest Posts/News List
Block 5: Latest Posts/News List
Regularly updating professional content increases search engine crawl frequency while demonstrating expertise through real case studies and technical articles.
WordPress B2B Enterprise Website Theme Recommendation: LingHang Theme v1.3.0 Released, Built-in AI Consultant Makes Website Building No Longer Confusing
How to Add Products/Product Categories to the Navigation Menu
LingHang Theme Update Log: Version 1.3.1 Released
When to Use
- Homepage footer/News page
- Display content such as „Installation Cases,“ „Industry Insights,“ „Product Application Scenarios“
SEO and Trust Dual Value
Regularly updating professional content can increase search engine crawl frequency, whiledemonstrating expertise with real case studies and technical articles. It is recommended to use it in conjunction with the „LingHang Theme SEO Tutorial“ to make every article a customer acquisition entry.
Block 6: Contact Information Card
13612345678
13612345678
quhenet
Best Placement
- Contact Page
- Service Page/Product Page Sidebar (Specific Business Contact)
Key to Reducing Churn
Allow customers to see the phone/email/WhatsApp at a glance when they most want to contact you.Supports horizontal/vertical layout switching and external link icons. Foreign trade companies can configure WhatsApp direct links, while domestic users can bind WeChat QR code pop-ups.
Block 7: Content Card Collection (Classic/Modern/List)
Block 7: Content Card Collection (Classic)
Three styles correspond to different content depths: the classic style emphasizes equal and parallel presentation, the modern style highlights the main promoted services, and the list style is suitable for long directories. Unified design language avoids page style fragmentation.
Block 7: Content Card Collection (Modern)
Three styles correspond to different content depths: the classic style emphasizes equal and parallel presentation, the modern style highlights the main promoted services, and the list style is suitable for long directories. Unified design language avoids page style fragmentation.
Block 7: Content Card Collection (List)
Three styles correspond to different content depths: the classic style emphasizes equal and parallel presentation, the modern style highlights the main promoted services, and the list style is suitable for long directories. Unified design language avoids page style fragmentation.
Typical Uses
- Detailed description of service sub-items (e.g., „Precision Machining/Mold Manufacturing/OEM Manufacturing“)
- Technical Documentation/White Paper/Sample Book Download Entry
Design Philosophy of Hierarchical Guidance
Three styles correspond to different content depths:the classic style emphasizes equal and parallel presentation, the modern style highlights the main promoted services, and the list style is suitable for long directories.. Unified design language to avoid fragmented page styles.
Block 8: Call-to-Action (CTA) Banner
Block 8: Call-to-Action (CTA) Banner
The CTA block summarizes value in one sentence + a strong action button (e.g., „Free Needs Assessment →“, „Get Sample List“), giving a push at the decision point to directly increase form submission rates.
Where it works best
- After case studies (strike while the iron is hot)
- At the end of service descriptions (eliminate concerns, drive the next step)
Turn traffic into inquiries
Display alone is not enough; clear instructions are needed. The CTA blocksummarizes value in one sentence + a strong action button(e.g., „Free Needs Assessment →“, „Get Sample List“), giving a push at the decision point to directly increase form submission rates.
Block 9: Contact CTA (with phone/quick entry)
Block 9: Contact CTA (with phone/quick entry)
This block places the phone number in a prominent position, paired with short copy to create a sense of urgency, suitable for high-unit-price, long-decision-chain B2B businesses.
+1 234 567 890
Phone
+1 234 567 890
High-conversion scenarios
- Heavy equipment/engineering project pages (require immediate communication)
- Price-sensitive customers (offer phone-first option)
Capture the customer segment that prefers phone calls
Some customers are not used to filling out forms and prefer calling to confirm. This blockplaces the phone number in a prominent position, paired with short copy to create a sense of urgency, suitable for high-unit-price, long-decision-chain B2B businesses.
Block 10: Feature Grid (service/highlight showcase)
Block 10: Feature Grid (service/highlight showcase)
Use „equipment close-up + short title + one-sentence result description“ (e.g., „CNC precision ±0.01mm“) to quickly convey technical standards and quality commitments, dispelling customer doubts about process capabilities.
Use Cases
- Visual Display of Core Processes/Unique Advantages
- Summary Display of 4-6 Key Service Items
Visual Persuasion
Images create impressions more easily than text. Use „Close-up of Equipment + Short Title + One Result Description“ (e.g., „CNC Precision ±0.01mm“)Quickly Convey Technical Standards and Quality Commitments, eliminating customer doubts about process capabilities.
Block 11: Project Case Grid
Block 11: Project Case Grid
Hover mask effect guides clicks to details, using real delivery records to prove reliability, especially suitable for engineering/customization enterprises.
Essential Pages
- Independent Case Page / Homepage Success Case Section
- Display by Industry/Region/Product Line
Key Evidence for B2B Deals
„Others have used it and are satisfied“ is the strongest sales pitch. Hover mask effect guides clicks to details,using real delivery records to prove reliability, especially suitable for engineering/customization enterprises. It is recommended to pair with a „Data Statistics Block“ to display cumulative delivery quantities.
Block 12: Service List (with Icons Version)
Block 12: Service List (with Icons Version)
Supports 6-12 services, each can be linked to a detailed explanation page, forming a „Overview → Details → Inquiry“ browsing path, suitable for medium to large B2B enterprises with complex business.
Standard Usage
- Service Page Main Content / Homepage Service Overview
- Standardized Presentation of Multiple Business Lines (each with an independent icon)
Structured Display of Capability Boundaries
Avoid losing customers because „they don“t know what you actually do.„ Supports 6-12 services,each can be linked to a detailed explanation page, forming a „Overview → Details → Inquiry“ browsing path, suitable for medium to large B2B enterprises with complex business.
Block 13: Data Statistics Animation
Industry Clients
Export Countries
Engineers
History
Trust Endorsement Section
- After About Us / Before Case Studies
- Replace subjective adjectives with numbers (e.g., „Experienced“ → „Established 15+ years“)
Quantify strength, build barriers
Scrolling number animations naturally grab attention. Display„Annual production capacity / Number of export countries / Number of engineers / Yield rate“and other hard data to help SMEs stand out in peer comparisons. Supports custom units and suffixes to adapt to different industry metrics.
Block 14: Team Showcase
Block 14: Team Showcase
B2B transactions ultimately rely on trust between people.
Name
Position
Name
Position
Name
Position
Applicable For
- Technical/Consulting companies (Engineer/Expert teams)
- Real-name display for foreign trade salespeople (convenient for clients to designate contacts)
Restore the company to „people“
B2B transactions ultimately rely on trust between people. Display core members' names, positions, and LinkedIn links,making clients feel they are collaborating with a professional team, not a cold, impersonal company, especially beneficial for building cross-cultural trust in cross-border business.
Block 15: Client Testimonial Carousel
Block 15: Client Testimonial Carousel
Self-praise is not as effective as a single word from a client.
A carousel displaying testimonials with real headshots/company logos effectively eliminates final decision-making hesitations, especially suitable for companies with a high proportion of new clients.
A carousel displaying testimonials with real headshots/company logos effectively eliminates final decision-making hesitations, especially suitable for companies with a high proportion of new clients.
A carousel displaying testimonials with real headshots/company logos effectively eliminates final decision-making hesitations, especially suitable for companies with a high proportion of new clients.
Social Proof Section
- Second-to-last screen on the homepage (the final push)
- Product Detail Page Sidebar/Bottom
Let others praise you
Self-praise is not as convincing as a customer's testimonial. Carousel display of reviews with real avatars/company logos,effectively eliminates the final decision-making hesitation, especially suitable for businesses with a high proportion of new customers.It is recommended to select descriptions with specific scenarios (e.g., „solved a certain technical challenge“).
Block 16: Why Choose Us (Differentiated Selling Points)
Block 16: Why Choose Us (Differentiated Selling Points)
Optional color or image background
Shorter delivery cycle
Description
Better after-sales system
Description
More flexible customization capability
Description
Decision Booster Section
- End of Service Page / Before Inquiry Form
- Highlight differences when the comparison with competitors is not obvious.
Answer the customer's implicit questions
When customers hesitate about which provider to choose, use 3-4 points like„Shorter delivery cycle / Better after-sales system / More flexible customization capability“to directly give reasons. This essentially answers the question „Why you?“ before they even ask.
🚀 16 Blocks = A Complete B2B Website Conversion System
From first-screen appeal (Hero) → Proof of capability (Case Studies/Data) → Trust reinforcement (Reviews/Team) → Action guidance (CTA), the LingHang Theme encapsulates complex website-building logic into simple drag-and-drop operations. You only need to focus on your own business content.
