Go to Dashboard

How can we help?

Popular articles Welcome To Gelato! Getting Started with Manual Orders Getting Started with Shopify Getting Started with Etsy Getting Started with WooCommerce Getting Started with Wix Getting Started with Squarespace Getting Started with BigCommerce How can I check your product price? What is the design editor? What are the design requirements for PDF uploads? How can I save my design in Gelato? How does the integration with Getty work? How does the integration with Shutterstock work? What print products do you offer? Frames & Hangers - Stock Status Why do I get charged VAT/tax on some orders and not others? How do I add Gelato products to my Shopify store? How do I move my existing Shopify products to Gelato? How can I import orders from Shopify? How can I order customized designs through Shopify? Can I add a new variant to an existing product in Shopify? How can I delete a product or variant from my Shopify store? How do I set up shipping in Shopify? Why aren't my customers charged an extra shipping fee for additional items (Shopify)? How do I automatically apply Gelato live shipping prices to my Shopify store? How can I disable the vendor name under the product title in Shopify? How do I add Gelato products to my Etsy store? How do I move my existing Etsy listings to Gelato? How can I order customized designs through Etsy? How can I delete a product or variant from my Etsy store? How do I set up shipping for Etsy fulfilment? What should I set the shipping origin to in the shipping profiles for Etsy? Do I have to list Gelato as a production partner on Etsy? How Can I Import Orders From WooCommerce? How do I add Gelato products to my WooCommerce store? How do I move my existing WooCommerce products to Gelato? How can I order customized designs through WooCommerce? Can I add a new variation to an existing product in WooCommerce? How can I delete Gelato products from my Woocommerce store? How do I set up shipping for WooCommerce? How do I automatically apply Gelato live shipping prices to my WooCommerce store? How Can I Import Orders From Wix? How Can I Import Orders From Squarespace? How Can I Import Orders From BigCommerce? Where do you print locally? How quickly do you deliver? How do I estimate the price for shipping? Where can I find the flat rates for shipping? How do I see where a specific product is being printed? I receive an error message when I try to place an order. What should I do? How do I place a manual order via the Gelato Dashboard? How do I check the order status in the Gelato Dashboard? How do I check estimated delivery date and tracking in the Gelato Dashboard? What is the manual order approval workflow? What is our default order approval workflow? Email Notification from Gelato: Order [123] is on hold - Action required How do I contact Gelato? Do you offer 24/7 customer support? What is your return policy and quality guarantee? How do I report a problem with my order? What is Gelato+? Gelato+ Subscription FAQs

How to style and modify the "Personalize design" button in my Shopify store?

Styling the button on Gelato Edit Store Details page

If you subscribe to Gelato+, and use one of the following themes (Dawn, Debut, Studio, Craft, Simple), you will be able to style the button as follow: Enter your store's settings by clicking on Edit Store Details from the Stores section in the Dashboard

edit_store_details.gif

Once on the Edit Store Details page, scroll down to the Personalization section. You will be able to change the text of the button as well as the color of the button's background, border, and text.

Personalize_Design_button_change.gifYou will also be able to do the same for the Add to Cart and Back to Shopping buttons that are displayed in the top left and right corners when your customer launches the in-store design editor during personalization.

Back_to_Shopping_Add_to_Cart_button_customization.gif

Hide or Show the Add to Cart and Buy it now buttons for product listings that allow Personalization

In the same section, you can choose to hide or show the Add to Cart and Buy it now buttons for product listings that allow for personalization. 

hide_personalization_buttons.gif

Non-Gelato+ Gold: Styling the button with CSS

If you do not have a Gelato+ subscription, styling the button can be done via CSS. The Personalize Design button can be referred in CSS via ID selector  #ge-personalize. Please refer to the documentation of your Shopify theme or contact the theme developer for more details on how to do that.

#ge-personalize {
  // any css property followed by value and !important sign:
  width: 30% !important;
  color: black !important;
  // and so on, any customization you need.
}

Tip: You can find more information on how to add custom CSS here.

An example of how it would look is shown below:

image-2020-10-08-01-16-08-084.png

Similarly, the 'Add to Cart' button can be customized via CSS in your store using the following: 

#ge-add-to-cart {
// any css property followed by value and !important sign:
width: 50% !important;
color: black !important;
font-size: 30px;
// and so on, any customization you need.
}
Was this article helpful?
0 out of 0 found this helpful