Skip to main content
All CollectionsEmbeddingInstalling TWICE on WordPress
Customizing Your Embedded TWICE Store on WordPress
Customizing Your Embedded TWICE Store on WordPress

Learn How To Customize Your TWICE Store Embed on WordPress

Updated over 8 months ago

After installing the TWICE plugin and embedding the store on your WordPress site, you may want to further customize how the store appears and operates. This article details the additional modifications available and explains where to find the necessary IDs for customization.

Additional Modifications Using Gutenberg Blocks

Enhance your Gutenberg block embed via the right panel with these settings:

  • Specific Category: Enter the appropriate ID for the category you wish to feature.

  • Specific Product: Enter the appropriate ID for the product you wish to feature.

  • Specific Location: Enter the appropriate ID for the location you wish to feature.

  • Custom Heights and Padding: Define the height in pixels or percentage and set padding options (no-padding, small-padding, medium-padding, large-padding).

  • Disable Auto Scroll: Choose to disable to avoid that your website visitors are automatically scrolled to the top of the store.

  • Disable Height Animation: Choose to disable height animation, so that the height of your embedded store won't be animated to its new value.

  • Enable Locations View: If applicable, enable this setting to display all your store locations.

  • Padding is the amount of vertical padding of the embedded shop block. You can choose between no-padding, small-padding, medium-padding, or large-padding

  • Advanced CSS: Add custom CSS classes in the Advanced section for additional styling.

Additional Modifications Using Shortcode

Tailor your shortcode embed with specific attributes:

  • Specific Category: Use the format [twice_commerce_shop shop = Shop name category = Category ID] to feature a specific category.

  • Specific Product: Use the format [twice_commerce_shop shop= Shop name product = Product ID] to feature a specific product.

  • Specific Location: Use the format [twice_commerce_shop shop = Shop name location = Location ID] to feature a specific store location.

Finding IDs and Attribute Values

To customize your embeds, you may need various IDs and attributes. See the list below where to find all IDs and attributes in your TWICE Admin and respective example:

  • Shop Name: Located in TWICE Admin > Account > Domains & URLs > Twice Domain Path.

    • E.g. twice.shop/businessname

  • Category ID: Found in TWICE Admin > Catalog > Categories, noted at the end of the URL for the selected category.

    • E.g. admin.twicecommerce.com/catalog/categories/CdQUqxDkVBINOkizCwY0

  • Product ID: Available in TWICE Admin > Catalog > Products, at the end of the URL for the selected product.

    • E.g. admin.twicecommerce.com/catalog/products/W0DxaPgAHz4yR1UqNoJQ

  • Location ID: Necessary for multiple store locations, available in TWICE Admin > Account > Domains & URLs > Store URL endings.

    • twice.shop/businessname/mainstore

Did this answer your question?