Shopware-TYPO3 Connector: Seamless TYPO3 & Shopware Integration for eCommerce

By Arun K on March 10, 2025

In today’s fast-paced digital world, businesses require a robust and flexible content management system (CMS) integrated with a powerful and feature-rich e-commerce platform. The Shopware-TYPO3 Connector is the ultimate solution, enabling seamless synchronization between TYPO3 CMS 12 and Shopware 6.6. This integration bridges the gap between content and commerce, offering businesses with a cohesive and unified digital experience.

Key Benefits of the Shopware-TYPO3 Connector

1. Unified Content and Commerce

With this connector, businesses can merge TYPO3’s advanced content management capabilities with Shopware’s e-commerce tools. This allows for the creation of engaging, content-driven shopping experiences where rich media, blogs, and promotions are tightly integrated with product catalogs, enhancing customer engagement and conversions.

2. Real-Time Synchronization

Instant updates between TYPO3 and Shopware eliminate the need for manual syncing. Any change in content, from product descriptions to promotional banners, is immediately reflected on the storefront, ensuring customers always see the latest updates.

3. Streamlined Workflow

Managing an online store alongside a content-rich website can be complex. With this connector, all essential elements, such as pages, menus, and banners, are handled in TYPO3, while Shopware efficiently manages products, orders, and customer data. This reduces administrative overhead and simplifies content updates.

4. Enhanced User Experience

By seamlessly integrating content with commerce, customers can enjoy a cohesive shopping journey. They can read informative blogs, watch product demos, or engage with multimedia content without ever leaving the shopping experience. This not only boosts engagement but also increases the chances of conversions.

5. Customizable and Scalable

The Shopware TYPO3 Connector is designed to be highly customizable, allowing businesses to tailor content elements, templates, and layouts to match their branding. Additionally, as businesses grow, the system can be easily extended to accommodate new features and functionalities without major overhauls.

6. SEO and Marketing Advantages

By leveraging TYPO3’s SEO-friendly content management system, businesses can create optimized content that drives organic traffic to their Shopware store. With enhanced meta management, structured data, and integrated marketing tools, businesses can attract and retain more customers.

7. Improved Security and Performance

With both TYPO3 and Shopware being open-source platforms with strong community support, businesses can benefit from regular security updates and performance optimizations. The integration ensures efficient data handling, preventing slow load times or security vulnerabilities.

Core Features of the Shopware-TYPO3 Connector

1. Seamless Page Rendering

Create visually engaging content in TYPO3 and render it directly in Shopware, ensuring consistency in branding and messaging.

2. Customizable Design and Content Management

Leverage TYPO3’s powerful design tools to create custom templates, layouts, and content that seamlessly integrate into the Shopware storefront.

3. Single Sign-On (SSO) for Administrators

Simplify workflows with automatic login from Shopware Admin to TYPO3, reducing the need to switch between platforms.

4. Shopware Menu and Category Management

Control and update your Shopware storefront menus and categories directly from TYPO3, ensuring a streamlined and efficient content management process.

5. Display Shopware Products embed on TYPO3 Pages

Effortlessly showcase products from Shopware within TYPO3 pages, creating a content-driven shopping experience with direct purchase links.

6. Display TYPO3 News in Shopware

Integrate TYPO3’s news module into Shopware to dynamically display updates, promotions, and events in your storefront.

Future-Proof Integration

The Shopware-TYPO3 Connector is designed with scalability in mind. Businesses can add new features, integrate additional TYPO3 plugins, and extend Shopware capabilities as needed. Whether you’re looking to enhance synchronization logic or introduce new components, this solution ensures adaptability for the future.

Installation and Setup

1. System Requirements

Ensure your server meets the following requirements:

  • TYPO3 CMS: Version 12.x
  • Shopware: Version 6.6
  • PHP: 8.1 or later (recommended 8.2+)
  • Database: MySQL/MariaDB 5.7+
  • Web Server: Apache/Nginx with TLS support
  • Composer: Required for dependency management.
  • Node.js & npm: Needed for frontend integration (if applicable).

2. Installing the Connector

For TYPO3 CMS 12:

  • Install the Shopware-TYPO3 Headless Connector Extension using Composer.
  • Install dependencies like headless, headless_connector, headless_container, news, headless_news, and nnrestapi.
  • Configure the extension under Settings->Extension Configuration.

For Shopware 6.6:

  • Upload the Shopware plugin to the custom/plugins directory.
  • Install and activate the plugin through Shopware Admin > Settings > System > Plugins.

Basic Configuration

Setting Up TYPO3 CMS 12

Access TYPO3 Extension Configuration:

  • Go to TYPO3 Admin Tools > Settings > Extension Configuration.
  • Fill out all necessary settings for the Shopware-TYPO3 headless connector extension and related extensions.

To display TYPO3 pages in your Shopware storefront, follow these steps:

Creating a New Page in TYPO3

a. Log into TYPO3 Backend:

  • Navigate through Shopware backend content > TYPO3.

 

Video. 1

b. Create a New Page:

  • In the Page module, right-click on the desired location in the page tree.
  • Select “New” and choose “Standard Page” (or another type if needed).
  • Enter a title, set the page type, and optionally define a URL segment.
  • Click “Save and Close.”

Video 2.

c. Add Content to the Page:

  • Navigate to the “Content” tab.
  • Click the “+” icon and select an element type, such as Text, Image, Bullet List, Form, News, or Plugins.
  • Configure the content element and save changes.

d. Verify the Page in Shopware Storefront:

  • Open the Shopware storefront to view the newly created TYPO3 page.

Adding TYPO3 Content Elements

1. Adding “Text & Image” Elements

a. Log into TYPO3 Backend via Shopware Admin.

b. Select the Page and Open Content Structure.

c. Add a New Content Element:

  • Click “Create new content element” (+ icon).
  • Choose “Text & Images” under “General.”

d. Configure the Element:

  • Enter a title (optional) and add formatted text.
  • Upload an image, adjust alignment, and save.

Video 3

2. Adding “Container” Elements

a. Navigate to the Page Module.

b. Create a New Content Element:

  • Select “Container” from the Special Elements/Grid Elements section.

c. Configure the Container:

  • Add a title, apply styling, and adjust layout settings.

d. Insert Content Inside the Container:

  • Click “Add Content” and insert text, images, or other elements.

e. Save and Preview the Page.

3. Adding “Product” Elements

a. Select the Page and Add a New Content Element.

b. Choose the “Shopware Products” Plugin.

c. Configure the Plugin:

  • Select products to display.
  • Add a header if necessary.

d. Save and Preview the Page.

Video 4

4. Adding Forms in TYPO3

a) Navigate to the Desired Page.

b) Create a New Content Element and Select “Form.”

c) Choose an Existing Form or Create a New One:

  • Define a title and add form fields (text input, dropdowns, checkboxes, etc.).

d) Set Email Recipients & Redirect Options.

e) Save and Preview the Form on the Page.

5. Adding “News” Elements

a) Create a news list page in the page session (One time process).

b) Add a “News article list” plugin as a content element.

c) Edit the plugin and configure it under the plugin tab. Required fields – ‘Startingpoint’, ‘PageId for single news display’, ‘PageId for list display’.

d) Create a news detail page in the page session (One time process).

e) Add a “News article detail view” plugin as a content element.

f) Edit the plugin and configure it under the plugin tab. Required field–Startingpoint’.

g) ‘Startingpoint’ is the folder which contains news elements.

h) To create news elements, navigate to the List Module in TYPO3.

i) Create a page with type Folder.

j) Create a New Record and Choose “News.”

k) Fill in News Title and Details.

l) Save and Preview the News Section.

Video 5

6. Multi-Language Support

The TYPO3-Shopware connector supports seamless multilingual content synchronization for a consistent multilingual experience.

Video 6

Conclusion

The Shopware-TYPO3 Connector is a game-changer for businesses looking to integrate their content management and e-commerce platforms. By bridging TYPO3 CMS 12 and Shopware 6.6, this solution enhances workflow efficiency, user experience, and scalability. Upgrade your business today by leveraging the power of TYPO3 and Shopware in a unified system!

Ready to integrate TYPO3 and Shopware for a seamless eCommerce experience? Contact PIT Solutions today to get started!

Contact us!
SCROLL TO TOP