# Botfront Widget does not appear on webpage

**URL:** <https://forum.rasa.com/t/botfront-widget-does-not-appear-on-webpage/59524>\
**Category:** Rasa Open Source\
**Created:** [August 30, 2023, 4:23pm UTC](https://forum.rasa.com/t/botfront-widget-does-not-appear-on-webpage/59524 "2023-08-30T16:23:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Xiamen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/xiamen/32/22686_2.png) [@Xiamen](https://forum.rasa.com/u/Xiamen)\
**Post date:** [August 30, 2023, 4:23pm UTC](https://forum.rasa.com/t/botfront-widget-does-not-appear-on-webpage/59524/1 "2023-08-30T16:23:25Z")

</div>

Hello,

I have a webpage setup but the actual widget does not appear on this webpage. This is my setup:

1. I have rasa server running on one terminal with this command:

```auto
rasa run -m models --enable-api --cors "*" –debug --port 5006

```

1. The action server is running on another terminal with this command:

```auto
rasa run actions --cors "*" --debug --port 5056

```

My endpoint url is:

```auto
action_endpoint:
 url: "http://localhost:5056/webhook"

```

1. Credentials.yml show the socketio events configured

```auto
socketio:
 user_message_evt: user_uttered
 bot_message_evt: bot_uttered
 session_persistence: true

```

1. This is my index.html file

```auto
<html>
    <body>
      <script>!(function () {
        let e = document.createElement("script"),
          t = document.head || document.getElementsByTagName("head")[0];
        (e.src =
          "https://cdn.jsdelivr.net/npm/rasa-webchat@1.0.0/lib/index.js"),
          // Replace 1.x.x with the version that you want
          (e.async = !0),
          (e.onload = () => {
            window.WebChat.default(
              {
                customData: { language: "en" },
                socketUrl: "http://localhost:5006",
                // add other props here
              },
              null
            );
          }),
          t.insertBefore(e, t.firstChild);
      })();
      </script>
    </body>
</html>

```

Not sure if this is relevant but I have duckling running on port 8000.

@nik202 I followed your tutorial but not sure if I did something wrong? Can you please take a look?

Much appreciated!!

---

<div class="post-metadata">

**Author:** ![nik202](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/nik202/32/16098_2.png) [@nik202](https://forum.rasa.com/u/nik202)\
**Post date:** [September 12, 2023, 12:48pm UTC](https://forum.rasa.com/t/botfront-widget-does-not-appear-on-webpage/59524/2 "2023-09-12T12:48:31Z")

</div>

Is this still the issue at your end? @Xiamen

---

<div class="post-metadata">

**Author:** ![Xiamen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/xiamen/32/22686_2.png) [@Xiamen](https://forum.rasa.com/u/Xiamen)\
**Post date:** [September 12, 2023, 6:15pm UTC](https://forum.rasa.com/t/botfront-widget-does-not-appear-on-webpage/59524/3 "2023-09-12T18:15:17Z")

</div>

@nik202 I have resolved this, thank you.
