# How to embed processing sketch onto GoDaddy Website

**URL:** <https://discourse.processing.org/t/how-to-embed-processing-sketch-onto-godaddy-website/23570>\
**Category:** Coding Questions\
**Created:** [August 30, 2020, 8:10pm UTC](https://discourse.processing.org/t/how-to-embed-processing-sketch-onto-godaddy-website/23570 "2020-08-30T20:10:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![squirtlekid1000](https://avatars.discourse-cdn.com/v4/letter/s/e5b9ba/32.png) [@squirtlekid1000](https://discourse.processing.org/u/squirtlekid1000)\
**Post date:** [August 30, 2020, 8:10pm UTC](https://discourse.processing.org/t/how-to-embed-processing-sketch-onto-godaddy-website/23570/1 "2020-08-30T20:10:50Z")

</div>

Hi there,  
I’m trying to copy the HTML code of a Processing Sketch onto my website (made via GoDaddy) but I’m not getting a result (i.e. the only thing that is coming up is the written code rather than the embedded sketch). I’ve found some tutorials on this online but they appear to be either conflicting or outdated. Would someone be able to help with this?

Cheers

---

<div class="post-metadata">

**Author:** ![tabreturn](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tabreturn/32/3697_2.png) [@tabreturn](https://discourse.processing.org/u/tabreturn)\
**Post date:** [August 30, 2020, 10:43pm UTC](https://discourse.processing.org/t/how-to-embed-processing-sketch-onto-godaddy-website/23570/2 "2020-08-30T22:43:29Z")

</div>

Welcome @squirtlekid1000

I’m not familiar with GoDaddy’s website building tools. I’m guessing you have to add custom code like this: [https://godaddy.com/help/add-html-or-custom-code-to-my-site-27252](https://godaddy.com/help/add-html-or-custom-code-to-my-site-27252)

Using the CDN-hosted version of _p5.js_ is probably easiest approach here ([https://p5js.org/get-started/#hosted](https://p5js.org/get-started/#hosted)). Of course, you’ll have to use p5/JavaScript code (not Processing Java code) for this approach.

The code you insert will look something like this:

```auto
<script src="https://cdn.jsdelivr.net/npm/p5@1.1.9/lib/p5.min.js"></script>

<script>
function setup() {
  createCanvas(400, 400);
}
function draw() {
  background('#FF0000');
}
</script>

```

However, there are other ways if that doesn’t work …
