# Pulling the data but not preview on the page

**URL:** <https://forum.builder.io/t/pulling-the-data-but-not-preview-on-the-page/15829>\
**Category:** Shopify\
**Tags:** visual-editor, shopify, api\
**Created:** [October 6, 2025, 2:53pm UTC](https://forum.builder.io/t/pulling-the-data-but-not-preview-on-the-page/15829 "2025-10-06T14:53:28Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![xbrandonpowell](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/xbrandonpowell/32/3146_2.png) [@xbrandonpowell](https://forum.builder.io/u/xbrandonpowell)\
**Post date:** [October 6, 2025, 2:53pm UTC](https://forum.builder.io/t/pulling-the-data-but-not-preview-on-the-page/15829/1 "2025-10-06T14:53:28Z")

</div>

@manish-sharma

So, I have successfully pulled the data from Shopify to the [builder.io](http://builder.io) admin dashboard, but the task has been trying to pull the data and preview the data on the page.

1. Add the Shopify API Key to [Builder.io](http://Builder.io)
2. Check to see if the data was being pulled and that success
3. Now coming to road roadblock, where I cannot debug these issues because the issues are not within the code, or there is no like system, just using the [builder.io](http://builder.io) dashboard. So now trying to figure out if I need to console log this problem, but do not know where to go within my Visual Studio Code if I have not created a section within my folder structure. What advice or suggestion can you give me

But want you to give me an answer, trying to figure out how to debug [builder.io](http://builder.io) correctly, so I can successfully figure out what is going on in the BackEnd of better becuase I still feel incompetent in [builder.io](http://builder.io), so can you successfully guide please.

[Debugging Shopify API Integration Challenges | Loom](https://www.loom.com/share/9a35f467bca44e9ea1d87f3048a9b35f?sid=d0456b2b-1473-446e-b449-3d0fa4f7d500)  
[Landing Page | Visual Editor | Builder.io - 6 October 2025 | Loom](https://www.loom.com/share/7e8263a276864ac8b949e7bee9425d67?sid=7a6026fe-a6d4-4662-91c2-adb6312b603e)

https://www.loom.com/embed/7e8263a276864ac8b949e7bee9425d67?sid=7a6026fe-a6d4-4662-91c2-adb6312b603e

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [October 23, 2025, 6:51pm UTC](https://forum.builder.io/t/pulling-the-data-but-not-preview-on-the-page/15829/2 "2025-10-23T18:51:12Z")

</div>

Hello @xbrandonpowell,

Thanks for sharing the details. It sounds like you’ve made good progress pulling data from Shopify into [Builder.io](http://Builder.io), and now the challenge is debugging the data rendering and preview issues. Here’s a structured approach to help you tackle this:

1. **Verify Data Fetching in [Builder.io](http://Builder.io):**
  - In [Builder.io](http://Builder.io), check the **Data section** for your model (e.g., Products or Collections). Ensure the data is visible there. If it’s not, the issue is likely with the API key or the query itself.

2. **Preview Data on Page:**
  - Use the **Dynamic Data Binding** in your Builder page. Make sure the components are correctly bound to the data you fetched.
  - Sometimes, the preview doesn’t update immediately. Refresh the page and check if the latest data appears.

3. **Debugging in [Builder.io](http://Builder.io):**
  - Unlike traditional code, [Builder.io](http://Builder.io) doesn’t expose a conventional backend. But you can debug data in a few ways:
  - **Use “console.log” in your custom code blocks** (JS/React) inside [Builder.io](http://Builder.io). This logs directly to your browser console when you preview the page.
  - **Check network requests** : Open DevTools → Network tab → Filter for Builder Shopify API requests to see if data is being returned correctly.

> **[Data Binding Overview](https://www.builder.io/c/docs/data-binding-overview)**
>
> Data binding connects data from Builder or your application to your Pages, so you can build dynamic, interactive pages without code.

> **[Connect Data](https://www.builder.io/c/docs/data-binding-connect-data)**
>
> Once you can access data from within Builder, connect your data to a Page or Section using the Data tab. You can connect one entry or multiple.

Thanks,