How to build a public app that shows a chat bubble on user's store?

[ibrahimfarooq17]

Hey. I'm a newbie in shopify app development.
I'm looking to build a public app that when installed, show a chat bubble on all the pages of the user's store. What I know is that the chat bubble will be a separately hosted app that will somehow connect with the user's store. Correct me if I'm wrong.

What I've done up until now:
- Set up a Public App in NodeJs.
- Complete the OAuth process to get the session of the user.

What I need help with:

- How to embed the separate app within the user's store?

The separate app showing and containing the functionality of the chat, will be built with React. I'm fairly experienced with that.
Any help would be appreciated. Thanks!

[Made4uo-Ribe]

Hi @ibrahimfarooq17 

You need to create an APP extension with Shopify admin connection. You can read more information here

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[ibrahimfarooq17]

Thanks for the answer!

However, as I stated, I already have a public app. And I do not want to build an extension only app since I have to use some embedded pages as well. 

[noufba7]

hi Ibrahim Are the issue solved? bc i have the same question and i can't find the dec for that

[ibrahimfarooq17]

@noufba7  Hey there! Yes. The documentation is very unclear. Here's a step by step procedure of what you're going to need to do in order to get this up and running.
1. Firstly, you need to have a Shopify app set up, a public or private app. It's file structure would be something as shown. It might be different but I used this template .

 
2. Create a folder in the root of your app named 'extensions'.

3. Now each folder within this `extensions` folder will be an extension to your app and once running, can be added on the store theme by the store owner, which then would be faced by the customer.

There are a lot of docs on creating extensions, so you should be good there. Hope this helps you or someone else 🙂

[noufba7]

Hi Ibrahim thanks for your message but i don't use CLI for my app here brief about my app I have already i develop my app by angluar and what i did i create app in shopify manually then i must create endpoint in my backend app then what i need i add script when any one install my app can you help me i my case?