> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-custom-checkout-fields-extension/custom-checkout-form-on-frontend.md).

# Custom Checkout form on Frontend

**Frontend display after installing the extension successfully.** 

**Custom field at checkout page of your store**

<figure><img src="/files/gPIj7tfqO2gUKMVizW7U" alt=""><figcaption></figcaption></figure>

**Custom field at customer My Orders page of your store**

<figure><img src="/files/7eB7mvXNxhIjVN8VPi2M" alt=""><figcaption></figcaption></figure>

**Custom Fields displayed in Invoice Print**

<figure><img src="/files/B6W0jVEwDvYAyZPzgu4M" alt=""><figcaption></figcaption></figure>

**Custom Fields displayed in Shipment Print**

<figure><img src="/files/0G88PnUadlq4WL5YDq30" alt=""><figcaption></figcaption></figure>

**Custom Fields displayed in Credit Memo Print**

<figure><img src="/files/jSgs0EtWXvEPUZT8Ppo8" alt=""><figcaption></figcaption></figure>