Appearance
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
- Log in to your Wordpress store
- Navigate to
WooCommerce
-Settings
- Click on the
Printlane
tab
Configure the extension
- Enter your Printlane Store ID (displayed in the
Settings
page of Printlane Studio) - Enter a text for the Customize button (defaults to
Customize this product
) - Enter a text for the design link displayed in your shopping cart (defaults to
Change design
) - 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.
Link the Designer to another button
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.