> Integrate Cost+ with your Shopify store using the official Shopify App
Shopify
Integrate Cost+ as a payment method in your Shopify store. The official **Cost+ Payments** app is available for quick installation directly from the Shopify App Store. ## Prerequisites - Active Cost+ merchant account - Shopify store on any paid plan - Admin access to your Shopify store ## 1. Install the Cost+ Payments App Go to the [Cost+ Payments App Page](https://apps.shopify.com/nopayn-payments) on the Shopify App Store and click **Install**. > [!NOTE] > Shopify will guide you through the necessary steps to add the app to your store securely. ## 2. Enter Your Merchant Credentials Log into the [Merchant Portal](https://dashboard.costplus.io/) and navigate to **Websites**, then click on the website you want to connect. Click on **Integration** where you will find your **Merchant ID** and **API key**. ![Merchant Portal showing Merchant ID and API key](/images/plugins/shopify/merchant-portal-ids.png) Enter your **Merchant ID** and **API Key** when prompted inside the Cost+ app settings. ![Cost+ app settings with Merchant ID and API Key fields](/images/plugins/shopify/app-credentials.png) > [!WARNING] > Unlike other plugins, Shopify requires **both** a Merchant ID and an API Key. Make sure to enter both values. ## 3. Customize Payment Display Select which payment icons (e.g. Visa, Mastercard, Apple Pay, Google Pay) you'd like to show on your checkout. This can help increase customer trust and improve conversions. ![Payment icon selection for checkout display](/images/plugins/shopify/payment-logos.png) ## 4. Activate Cost+ Payments Click the **Activate** button to enable Cost+ Payments for your store. ![Activate button to enable Cost+ Payments](/images/plugins/shopify/activate.png) ## 5. Test and Launch Make a few test purchases to ensure everything works smoothly. We suggest testing both successful and failed payments to confirm all scenarios are handled. ## Optimize Your Checkout (Optional) We recommend installing the [Checkout Rules App](https://apps.shopify.com/nopayn-checkout-rules) to reorder and rename your payment methods for a more intuitive shopper experience. **Suggested settings:** - Rename Cost+ to: **"Visa, MasterCard, Apple Pay & Google Pay"** - Sort it to **Position 1** to maximize visibility A cleaner, more relevant checkout experience can help reduce cart abandonment and increase trust. ## Support Need help? Reach out to our support team at **support@costplus.io**.