Nothing to configure here. When a customer chooses to save an order to their Garde-Robe closet from your thank-you page, this app records that order for them automatically.
Give customers a second chance to save their purchase from their inbox. Takes about 5 minutes.
The link carries {{ shop.permanent_domain }} and {{ id }}, which Shopify fills in with your store and the order. That is what lets a tap add the purchase to the buyer’s closet, exactly as the thank-you page button does. Paste the snippets as they appear — do not replace those two placeholders with real values.
Use Ctrl+F (Windows) or Cmd+F (Mac) to find each spot below. If a search term isn't found, skip that step — it means your store uses a different checkout flow.
Places 1 & 2 of 3 — search for: <td class="button__cell--separator"></td>
The template has two occurrences of this line. For each one: click at the end of the highlighted line, press Enter to create a new line, then paste the code below. Press Next in the search bar to jump to the second occurrence and repeat.
<td class="button__cell button__cell--primary" width="50%" style="background-color:#93abf8;">
<a href="https://commerce-staging.garde-robe.com/get?shop={{ shop.permanent_domain }}&order={{ id }}" class="button__text">Save to your digital closet now!</a>
</td>
<td class="button__cell--separator"></td>
Place 3 of 3 — search for: padding-left: 15px; vertical-align: middle;
Look a few lines below the highlighted text. You will see {% endif %}, then </td>, </tr>, then </table>. Click at the end of that </table> line, press Enter to create a new line, then paste:
<table class="actions-buttons" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:8px;">
<tr>
<td class="button__cell" style="background-color:#93abf8;">
<a href="https://commerce-staging.garde-robe.com/get?shop={{ shop.permanent_domain }}&order={{ id }}" class="button__text">Save to your digital closet now!</a>
</td>
</tr>
</table>
Questions? hi@garde-robe.com