# Craftly Checkout Rules & COD

{% hint style="success" %}
Available in the  <img src="https://cdn.shopify.com/shopifycloud/brochure/assets/brand-assets/shopify-logo-monotone-black-6bded589fa6172f888c4b4f6ae1eca654e865dbb93271f7e2b94a563749aeb40.svg" alt="" data-size="line"> app store • [Install the app ↗](https://apps.shopify.com/checkout-essentials)
{% endhint %}

> *Empower your store with seamless customizations and smarter rules to deliver the perfect checkout experience*

### **Why choose this app?**

* [x] Easily customize your checkout features to match your store’s needs
* [x] Set up payment options your way
* [x] Adjust delivery settings to offer a smooth experience
* [x] Create discounts that work for your business
* [x] Use advanced rules to make your customizations smarter
* [x] Enjoy a simple, user-friendly setup process
* [x] Compatible with all Shopify plans, no exceptions
* [x] Start for free and upgrade as you grow

### Highlights

#### Payment Customization :credit\_card:

Customize the checkout experience by controlling how payment methods appear to your customers:

* Hide unwanted payment methods
* Rename methods for a branded experience
* Reorder methods to highlight preferred options

{% tabs %}
{% tab title="Hide payment methods" %}
This example shows how to hide the "Cash on Delivery" payment method using the Payment Customization feature

* **Left Side (Before):** All payment methods, including *Cash on Delivery*, are visible.
* **Right Side (After):** *Cash on Delivery* is hidden based on specific conditions.

👉 [Click here to learn how to rename payment methods.](#payment-customization)

<figure><img src="https://3675228470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwGUP0GQDlDR8vuidOrx%2Fuploads%2FGnbiyhxNzCFmM5oxKdK6%2Fpayment-customization-hide.png?alt=media&#x26;token=7fcadc51-f8ff-41df-93b0-8acbbbe45ad3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Rename payment methods" %}
This example shows how you can rename the "Cash on Delivery" payment method using the Payment Customization feature

* **Left Side (Before):** The payment method is labeled as *Cash on Delivery* with no additional context
* **Right Side (After):** The method is renamed to *Cash on Delivery (extra + $5)* to communicate additional charges clearly

👉 [Click here to learn how to rename payment methods.](#payment-customization)
{% endtab %}

{% tab title="Reorder payment methods" %}
This example shows how you can reorder payment methods using the Payment Customization feature

* **Left Side (Before):** *Cash on Delivery* is positioned at the bottom of the payment options.
* **Right Side (After):** *Cash on Delivery* is moved to the top to prioritize it for customers.

👉 [Click here to learn how to reorder payment methods.](#payment-customization)
{% endtab %}
{% endtabs %}

***

#### Delivery Customization  :truck:

Take full control of your delivery options to create a smoother and more intuitive checkout experience. with Delivery Customization, you can:

* Hide delivery methods you don’t want to show
* Rename delivery methods to make them more informative
* Reorder delivery methods to match your store’s priorities

{% tabs %}
{% tab title="Hide delivery methods" %}
This example shows the result of using the "Hide delivery options" feature in Delivery customization to remove **"Standard Shipping"** from the shipping options:

* **Left Side (Before):** *Standard Shipping* is displayed in the shipping options
* **Right Side (After):** *Standard Shipping* is hidden based on specific conditions

👉 [Click here to learn how to hide delivery methods.](#delivery-customization)

<figure><img src="https://3675228470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwGUP0GQDlDR8vuidOrx%2Fuploads%2FGnbiyhxNzCFmM5oxKdK6%2Fpayment-customization-hide.png?alt=media&#x26;token=7fcadc51-f8ff-41df-93b0-8acbbbe45ad3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Rename delivery methods" %}
This example shows how to rename **"Standard Shipping"** to **"Standard Shipping (extra $5)"**:

* **Left Side (Before):** *Standard Shipping* is displayed as the default option
* **Right Side (After):** *Standard Shipping* is renamed to Standard Shipping (extra $5) based on specific conditions

👉 [Click here to learn how to rename delivery methods.](#delivery-customization)
{% endtab %}

{% tab title="Reorder delivery methods" %}
This example shows how to reorder the **"Standard Shipping"** option to appear at the top of the delivery options list:

* **Left Side (Before):** *Standard Shipping* appears at the bottom of the delivery options
* **Right Side (After):** *Standard Shipping* is moved to the top of the list based on specific conditions

👉 [Click here to learn how to reorder delivery methods.](#delivery-customization)
{% endtab %}
{% endtabs %}

### Explore the features

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Payment Customization</strong></td><td>Set up payment methods</td><td></td><td></td><td><a href="features/payment-customization">payment-customization</a></td></tr><tr><td><strong>Delivery Customization</strong></td><td>Manage  delivery methods</td><td></td><td></td><td><a href="features/delivery-customization">delivery-customization</a></td></tr><tr><td><strong>Discounts</strong></td><td>Offer discounts to users</td><td></td><td></td><td><a href="features/shipping-discount">shipping-discount</a></td></tr></tbody></table>
