Dynamic Checkout: FAQ's & Troubleshooting Magento V2.4

Purpose: View some frequently asked questions about Dynamic Checkout for Magento v2.4.

Q: I'm trying to publish to my dynamic checkout configuration to a test shop, but I receive a 500 error. Why can’t I publish to my test shop?

If your test store/domain is password protected via nginx, the plugin cannot make requests to it to publish. Please whitelist the following IPs (Upcoming changes for public IP addresses) or turn off password protection on the shop during testing.

Q. Does Dynamic Checkout for Magento V2.4 support multi store views?

Yes, we have specifically designed the plugin to support multiple store views. This means that if you have multiple separate stores offering different product ranges, or different storefronts supporting different languages, for example, you can create a custom Dynamic Checkout configuration for each store view individually.

Q: The shipping method shows Sendcloud next to the name of the delivery method—how can I remove this?

You can remove the Sendcloud name or enter your own additional title in Magento's backend in Stores > Configuration > Sales > Delivery Methods > Sendcloud checkout > Method name

---

Q: How can I style the Checkout widget so that it reflects my brand?

The Checkout widget has been designed to meet accessibility standards, however, we do understand if you would like to restyle it to have it represent your brand. Follow these steps to override the standard styling:

1. In Magento, navigate to the Admin panel > Content > Design > Configuration  
   
   
   
2. Select the correct store view and click Edit
3. Under the tab HTML Head you will see an area for adding text titled "Scripts and Style Sheets"
4. Paste the following piece of code into the text field, and then click on Save configuration

<style> 
.sc-shipping-option.sc-shipping-option {
/* typography */
--sc-font-size: 15px;
--sc-font-weight: inherit;
--sc-font-family: Georgia, serif;
​
/* colors */
--sc-accent-color: #d71c00;
--sc-accent-color-dark: #a30916;
--sc-focus-color: #e58722;
--sc-text-color: #fff;
--sc-dimmed-text-color: #d4d4d4;
--sc-background-color: #fff;
--sc-delivery-date-background-color: #323232;
--sc-border-color: #e7e7e7;
--sc-box-shadow-color: #1128570d;
--sc-sendcloud-logo-color: #c4c4c4;
​
/* miscellaneous */
--sc-spacing: 4px;
--sc-border-width: 2px;
--sc-selected-border-width: 2px;
--sc-border-radius: 12px;
​
/* private */
--sc-item-width: 120px;
--sc-item-gap-width: 8px;
}
</style>

If you go to your shop checkout and select a nominated day shipping option, you'll notice that the plugin style has changed. You can adapt the widget to suit your brand style by adjusting the hexadecimal colour codes and font style/size in the code block above. 

Q: How can I hide the logo or the delivered by [...] carrier from the nominated day widget?

In order to hide the carrier logo (.sc-carrier_logo) or the delivered by (.sc-carrier_by-line), you need to add the following items:

}

/* hide carrier logo */
.sc-carrier .sc-carrier__logo {
	display: none;
}

/* hide delivered by carrier line */
.sc-carrier .sc-carrier__by-line {
	display: none;
}

Once you set display to 'none', it'll no longer be shown in your checkout.

Q: Can I style the appearance of the public title and public description of my shipping method?

You can now style the appearance of the public title and the public description of your shipping method via custom CSS. Follow the same steps as noted above for styling the Dynamic Checkout widget, and enter your custom CSS.

Custom properties

sc-delivery-method-title

sc-delivery-method-description

Q: Can I change the appearance of my service point picker?

If you've created a Service point delivery Dynamic Checkout method, you can customize the appearance of the Sendcloud service point picker using CSS. 

Follow the same steps as noted above for styling the Dynamic Checkout widget, and enter your custom CSS. We have provided both an example and a style sheet below, plus a list of custom properties which you can override with your brand colours and fonts. 

.sc-shipping-option {
--sc-font-size: 1em;
--sc-font-family: Georgia, Times, serif;
--sc-border-radius: 0;

--sc-accent-color: #e24c00;
--sc-text-color: #ffffff;
--sc-dimmed-text-color: #afa6a6;
--sc-background-color: #111111;
--sc-panel-background-color: #232323;
--sc-border-color: #8a2b03;
}

Q: Why is the widget not displaying correctly?

The shop theme may be interfering with the style of the widget, resulting in the date selectors appearing smaller, such as in the below example:

To ensure that the date selectors appear as intended, follow these steps:

1. Navigate to the Admin panel in Magento
2. Go to Content > Design > Configuration > Edit Store
3. Under the tab HTML Head locate the text area "Scripts and Style Sheets"
4. Paste the following line into the text field: 

 .sc-delivery-date-wrapper { display: block !important; }

The widget should now be displayed correctly.

Q: How can I manually add pricing to my Magento store checkout?

You can use shipping rates to configure the individual pricing for each shipping method you want to offer via Dynamic Checkout. We highly recommend that you use this method when creating pricing in Magento - when you enter pricing manually via your Magento environment, you will only be able to create a single flat rate which applies to all shipping methods. 

1. In your Magento store dashboard, navigate to Stores > Configuration > Sales > Delivery Methods > Sendcloud 
2. Scroll down to the Price field and enter a rate to apply to all Dynamic Checkout delivery methods
   
   
3. Once done, scroll back up to the top of the page and click Save configuration. 

Q. I published my configuration, but the methods do not appear in the checkout - what's going wrong?

It could be that your configuration was not published correctly. Go to the Checkout tab in your Sendcloud panel and make sure the configuration you just published does not have an error status. If so, try to republish the configuration. If the error persists, try to reconnect the shop or contact support.

Click here to see how to reconnect your shop to Sendcloud. Please note that you will have to enter a new checkout configuration if you reset the connection in this way. 

Q. Which checkout plugins for Magento V2.4 does Sendcloud Dynamic Checkout support?

• Magento Native (Luma theme)
• Amasty One Step Checkout
• One Step Checkout.com
• Mageplaza One Step Checkout

Q. Can I update my email templates with the new expected delivery date information?

Your email templates will continue to work the same way as they previously did, only now an additional variable will become available in your mail templates: sc_expected_delivery_date

Your current templates will not automatically update to include this variable. Therefore, if you want to update your templates to show expected delivery dates from Dynamic Checkout orders, you can either update each one manually or create entirely new ones using the default template as described here. 

Q. Do you support the Magento native Multi-shipping option?

Yes, partially. All Dynamic Checkout delivery methods support this feature except Nominated day delivery. 

Q. Does Dynamic Checkout for Magento V2.4 work alongside Sendcloud Pack & Go?

Yes, Pack & Go shows the handover date and "Dynamic checkout" when it's a Dynamic checkout order. However, orders will not be presented for packing based on the correct parcel handover day, therefore we do not currently support Pack & Go in combination with Nominated day and Same-day delivery methods. 

Q. Does Dynamic Checkout for Magento V2.4. support order processing via external WMS/ERP systems?

No, not yet. 

Q. Does Dynamic Checkout for Magento V2.4. Support table rates? 

No, this is not yet supported. You can set up pricing via the weight based shipping rates feature built into Dynamic Checkout. 

Q. How do Sendcloud weight based shipping rates work with Magento cart price rules?

If free shipping is enabled in Dynamic Checkout when you enable shipping rates, the price of shipping in Magento will become 0 at checkout. 

You can configure free shipping based on cart value two ways:

• For matching items only: Free shipping is available only for items that match the conditions of the rule.
• For shipment with matching items: Free shipping is available for any shipment that includes matching item(s).

Q. How can I remove Dynamic Checkout configurations from my store view?

1. In your Sendcloud account, go to the Dynamic Checkout tab at the top of the panel.
2. Next to the integration name, select the options menu ⋮ and select Delete:
   
3. Now go to Settings > Integrations and find your Magento store view in the list of integrations
4. Click Disconnect

Q: I published my configuration, but the orders coming in do not all have a parcel handover date - what's going wrong?

Only orders that are made via Nominated day and Same-day delivery methods will have a parcel handover date in the panel. All other orders will appear with the tag Anytime in the parcel handover date column in your incoming order overview.