Skip to content

WordPress / WooCommerce

This page describes the installation procedure for owners of a WordPress website with the WooCommerce extension enabled.

Install the plugin

The plugin comes as a WooCommerce extension, make sure to enable WooCommerce to be able to install Printlane in your WordPress store.

Open the plugin settings

  1. Log in to your Wordpress store
  2. Navigate to WooCommerce - Settings
  3. Click on the Printlane tab

Configure the extension

  1. Enter your Printlane Store ID (displayed in the Settings page of Printlane Studio)
  2. Enter a text for the Customize button (defaults to Customize this product)
  3. Enter a text for the design link displayed in your shopping cart (defaults to Change design)
  4. Save your configuration by clicking Save changes

Enable the designer for a product

For every customizable product, you need to enable the designer. Navigate to Products and add or edit a product.

Simple products

  • Scroll down to the Product Data area and activate the General tab.
  • Tick the Enable Printlane designer checkbox.
  • Optionally, enter a Printlane Template ID. This is a unique reference to a template in Printlane Studio. If you don't enter a Printlane Template ID, the product's SKU will be used.
  • Save your changes
  • Visit the product's detail page in your Wordpress store

Variation products

  • Scroll down to the Product Data area and activate the General tab.
  • Tick the Enable Printlane designer checkbox.
  • Activate the Variations tab.
  • For each variation, optionally enter a Printlane Template ID or enter an SKU. This is a unique reference to a Template in Printlane studio.
  • Save your changes
  • Visit the product's detail page in your Wordpress store

TIP

Did your Add to cart button not change to a Customize button? Please contact Printlane Support: support at printlane dot com.

In some cases you want to link the Printlane Designer to another button on your product page. A good example is when you want to show 2 buttons, an add to cart button and personalize button.

To customize which button triggers the Printlane designer on your product pages, follow these steps:

Step 1: Access WooCommerce Settings

  • Log in to your WordPress store's admin dashboard.
  • Navigate to WooCommerce > Settings from the sidebar menu.

Step 2: Modify Printlane Settings

  • Select the Printlane tab at the top of the settings page.

Step 3: Set the Custom Button Selector

  • Locate the Button Selector field.
  • Enter the CSS selector for the custom button you wish to use. This should be unique to the button that will open the designer.
    • Example: If your button has an ID of custom-design-btn, you would enter #custom-design-btn in the field.
  • For help with CSS selectors, visit CSS Selectors on MDN Web Docs.

Step 4: Save Your Settings

  • Click Save to apply your changes.

By following these steps, you can ensure that the Printlane designer is activated by the custom button of your choice, enhancing the user experience on your product pages.