Steps to Implement a Click-to-Call Dialer for FreJun Integration with Shopify

Shopify Apps
,
1

We are a third-party app, FreJun, and we want to add a dialer that allows our users (who have installed our app) to place calls to any number. Since they are using our app, the calls will be logged in our FreJun dashboard. Additionally, if it’s possible, these calls could also be logged in Shopify (though this is not a priority).

What steps should we take from scratch to add this Click-to-Call dialer or a button for placing calls? How can this be implemented effectively?

1 Like
2

Hi ope_15,

We want to use our own telephony services (as we are also a VoIP provider) instead of Twilio or similar third-party APIs. Specifically, we’re looking to add a Click-to-Call dialer directly in the Shopify UI, not in FreJun. The integration we want is similar to this one: WorldPhoneize.

I understand that using app extensions as described in Shopify’s documentation might be the way to go. Could you clarify if this is the best approach? If so, could you guide me on how to implement this? I have a few additional questions to ensure clarity and address specific needs:

  1. Adding a Button in Shopify UI:

    • Is using an Admin UI Extension (for example, in the Customers section) the recommended way to embed a “Call” button in Shopify’s interface?
    • How can I trigger a backend request to our telephony API when a user clicks this button?

  2. Call Logging in Shopify (Optional):

    • Does Shopify natively support logging calls in the admin panel (e.g., as notes, events, or metadata)? If not, what would be the best practice for storing call-related data for customers or orders?
    • Could you provide references or examples of how other VoIP solutions achieve this in Shopify?

  3. Authorization and Permissions:

    • What Shopify permissions are required for our app to add such functionality to the admin interface?
    • How can we securely authenticate users to ensure they can only place calls through our telephony services?-

  4. Best Practices from Other VoIP Solutions:

    • Do you have any references, documentation, or examples of how similar VoIP providers have implemented this type of integration in Shopify?
    • Are there specific challenges they faced that we should anticipate, especially related to Shopify’s API limits or UI constraints?

I’d really appreciate any guidance, documentation, or references you can provide to help us build this integration efficiently while adhering to Shopify’s best practices.

Thanks in advance for your help!

1 Like
3

Hi Ope_15,

We don’t want to create a custom app; instead, we plan to publish it on the Shopify App Store. That means we need to develop a public app, correct?

We are considering using app extensions, which is why I specifically asked about them. Is the app extension functionality in Shopify related to adding the call button we want to achieve?

Could you please provide us with a dedicated resource or guide on how to add this button to the Shopify UI? Any detailed references or examples would be highly appreciated.

Thanks in advance!

1 Like
4

Hi Ope_15,

Thanks for your response. Will continue ahead with what you said if i face any difficulty will let you know.

1 Like
5

Hi Ope_15,

I wanted to confirm something: will the Admin UI extension be available only for admins? What about other users or customers of the app, apart from the admin?

We want the extension to be accessible to everyone in the shop, from users to admins to super admins. Is using an Admin UI extension the correct approach for this, or should we consider another method?

Additionally, we have our own SDK. If we need to build it in JavaScript, we can integrate our SDK. Please advise on the best approach.