# How to customize the “Order Online” button

{% embed url="<https://storage.googleapis.com/highlevel-backend.appspot.com/memberships/w4Eybb71f3XiSnCfDyel/videos/a7f3fbf3-05dc-4aa1-ac29-5646f233c741_1680764874700>" %}

How to customize the “Order Online” button

HTML Color Code Picker ► [https://htmlcolorcodes.com/](https://www.youtube.com/redirect?event=video_description\&redir_token=QUFFLUhqbGdQdnVnWHBfSkd5a1BYcS03cm13NDRwZzMzd3xBQ3Jtc0tuWXJJaThiTE5xdkFSNS1meE1KaFZJQUZFSUpObzhJbzVvbnliVHVFbTh1S3pSNlZTT1RDTVZ4Vm9FODQtbUJZdC1MT2pCeU0wVWF0TExXRnRIVlpOMVMya1F1WFFkVEc4c3ZPTi0yeGdNR0NQNVFzdw\&q=https%3A%2F%2Fhtmlcolorcodes.com%2F\&v=luV_yzAfnYg)

Timestamps:

[00:00](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=0s) - Intro\
[00:09](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=9s) - Quick Admin setup\
[01:44](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=104s) - How to change the name of the button\
[02:02](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=122s) - How to change the background color of the button\
[03:27](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=207s) - How to change the text color of the button\
[04:09](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=249s) - How to change the font size of the button\
[04:55](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=295s) - How to change the padding of the button\
[05:39](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=339s) - How to change the border radius of the button\
[06:23](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=383s) - How to combine all the style properties\
[07:42](https://www.youtube.com/watch?v=luV_yzAfnYg\&t=462s) - Publishing the custom HTML button

&#x20;

&#x20;
