Later

Before configuring anything in Bubble, confirm that your Later account is on an Agency or Business plan. Log in to Later at later.com. Go to Account Settings (click your profile photo in the top right) and find the Billing or Plan section. Verify that your plan name is 'Agency' or 'Business' (exact names may vary — check later.com/pricing for current plan names). If you are on a lower tier, API calls to agency/business endpoints will return 401 or restricted-access errors even with a valid token. Once plan access is confirmed, navigate to later.com/account/access-tokens. Click 'Generate Token' or 'Create new access token'. Give it a descriptive name (e.g., 'Bubble Integration'). Later generates a token string — copy it immediately. Depending on your Later account version, the token may only be shown once. This token is a single credential that controls your entire Later account's content calendar, media library, and social profiles. Treat it as you would a password: - Store it in a password manager - Do not paste it into Bubble app interface text fields or data types - Do not share it via email or messaging apps - Mark it Private in Bubble's API Connector (next step) If you're building this integration for multiple Later users (each user connects their own Later account), you'll need the full OAuth 2.0 flow rather than a personal access token. For a single-organization integration, the access token is correct.

Open your Bubble editor. Go to Plugins → Add plugins. Search for 'API Connector' (by Bubble, free) and install it. Once installed, click 'API Connector' in your Plugins list. Click 'Add another API'. Name it 'Later'. In the Base URL field, enter: https://api.later.com/v2 Add a shared header: - Name: Authorization - Value: Bearer [paste your Later access token here] - Check the 'Private' checkbox next to this header The Private checkbox is essential — it stores your access token encrypted on Bubble's servers and ensures it never reaches the browser or appears in browser network traffic. Since this single token controls your entire Later account, exposing it would be a significant account security risk. Note: Later API v2 also accepts the token via an X-Later-API-Key header in some documentation versions. Check with Later's current API documentation to confirm the accepted authentication header format. If your initialization calls (next step) return 401, try the alternative header name. Save the API configuration. You're ready to add individual calls.

1{
2  "api_name": "Later",
3  "base_url": "https://api.later.com/v2",
4  "shared_headers": {
5    "Authorization": "Bearer <private: your_later_access_token>"
6  },
7  "note": "Later may also accept X-Later-API-Key header — verify with current Later API documentation if Authorization header returns 401"
8}

Add a verification call to confirm the connection is working before building the full integration. Add a new call under Later: - Name: Get Profile - Method: GET - Path: /profile - Use as: Data Click 'Initialize call'. If the token is valid and your plan includes API access, Later returns your account profile information including: id, name, timezone (this is the critical field that determines how scheduled times are displayed), plan, and connected social profile count. Note the timezone value in the response. This is the timezone Later uses for all scheduled post times. Store this value — you'll display it alongside every scheduled time in your Bubble UI. If initialization fails with a 401 error: 1. Verify the token is correctly pasted with no leading/trailing spaces 2. Verify the header name matches what Later expects (Authorization vs X-Later-API-Key) 3. Verify your Later plan includes API access If initialization fails with an empty response or 403: 1. Your plan likely does not include API access for this endpoint 2. Contact Later support to confirm API access on your plan After successful initialization, Bubble detects the response fields. Add a small profile card to your Bubble admin page showing: Account name, Timezone (from the profile result), and Plan level. This serves as a connection status indicator and reminds users which timezone all scheduled times will be shown in.

1{
2  "method": "GET",
3  "url": "https://api.later.com/v2/profile",
4  "headers": {
5    "Authorization": "Bearer <private>"
6  },
7  "example_response": {
8    "data": {
9      "id": "profile_abc123",
10      "name": "Your Brand",
11      "timezone": "America/New_York",
12      "plan": "agency",
13      "social_profiles_count": 4
14    }
15  }
16}

Add the scheduled posts call: - Name: Get Scheduled Posts - Method: GET - Path: /posts - Query parameters: - start_date: <dynamic: start_date_string> (date in YYYY-MM-DD format) - end_date: <dynamic: end_date_string> (date in YYYY-MM-DD format) - status: scheduled (static — to show only upcoming scheduled posts) - Use as: Data Initialize with a date range that includes posts you have scheduled in Later. Use YYYY-MM-DD format for dates (e.g., 2026-07-10 for July 10th, 2026). If you have no scheduled posts, temporarily remove the status filter during initialization. Each post in the response includes: id, caption (the post text), scheduled_at (time in account timezone), thumbnail_url (small preview image URL), platform (instagram, tiktok, facebook, etc.), and status. On your Bubble page, add a repeating group: - Type of content: the Later posts API response type - Data source: Get Scheduled Posts API call with: - start_date: Current date/time:formatted as 'YYYY-MM-DD' - end_date: Current date/time + 7 days:formatted as 'YYYY-MM-DD' Inside the repeating group: - Dynamic Image element: set source to Current cell's thumbnail_url. Check 'Only load when visible' to enable lazy loading — this prevents loading all post images at page open, which would be slow for large content calendars. - Text element: Current cell's caption (truncated to 100 characters) - Text element: Current cell's scheduled_at formatted as readable date and time - Text element (CRITICAL): a timezone label showing the account timezone from your profile — e.g., 'Times in America/New_York'. This prevents confusion for team members in different timezones. - Icon or text showing the platform (instagram, tiktok, etc.) Add navigation buttons to change the date range: - 'Previous week' button: updates a custom state 'CalendarStart' to CalendarStart - 7 days - 'Next week' button: updates CalendarStart to CalendarStart + 7 days - Use CalendarStart and CalendarStart + 7 days as the dynamic date parameters in the API call

1{
2  "method": "GET",
3  "url": "https://api.later.com/v2/posts",
4  "headers": {
5    "Authorization": "Bearer <private>"
6  },
7  "query_parameters": {
8    "start_date": "<dynamic: start_date_YYYY-MM-DD>",
9    "end_date": "<dynamic: end_date_YYYY-MM-DD>",
10    "status": "scheduled"
11  },
12  "example_response": {
13    "data": [
14      {
15        "id": "post_xyz789",
16        "caption": "Summer collection is live! Shop the link in bio ☀️",
17        "scheduled_at": "2026-07-15T10:00:00",
18        "thumbnail_url": "https://media.later.com/thumbnails/abc.jpg",
19        "platform": "instagram",
20        "status": "scheduled"
21      }
22    ]
23  }
24}

Add the media library call: - Name: Get Media - Method: GET - Path: /media - Query parameters (optional): type (image or video), sort (created_at or updated_at) - Use as: Data Initialize the call — Later returns media objects with: id, caption (media description or label), thumbnail_url (small preview for display in lists), url (full-resolution URL), created_at, and tags. On your media library Bubble page, add: - A repeating group with 3 columns and multi-row layout - Set data source to Get Media API call - Inside the repeating group: Dynamic Image element with source = Current cell's thumbnail_url, 'Only load when visible' checked (lazy loading essential for media grids) - Below each thumbnail: text showing caption (truncated to 50 chars) Add filter controls above the grid: - Dropdown for type: 'All', 'Images', 'Videos' — updates a custom state 'MediaType' and re-fetches media with the type parameter On click of a media thumbnail, open a popup with: - Full-size image display (using the full url field, not thumbnail_url) - Complete caption text - Created date - Tags list - 'Copy URL' button that uses Bubble's 'Copy to clipboard' action with the thumbnail_url or full url Important performance note from the brief: do NOT load full-resolution media on the list screen. Always use thumbnail_url for grid/list displays and only load the full url in the detail popup when a specific item is clicked. Full-resolution Later media can be very large (high-res photos and video files) — loading all of them in the grid would make the page unusably slow. RapidDev's team has built content operations tools in Bubble connecting social scheduling platforms with CRM and brand management systems — for complex content workflows, book a free scoping call at rapidevelopers.com/contact.

1{
2  "method": "GET",
3  "url": "https://api.later.com/v2/media",
4  "headers": {
5    "Authorization": "Bearer <private>"
6  },
7  "query_parameters": {
8    "type": "<dynamic: media_type_filter>"
9  },
10  "example_response": {
11    "data": [
12      {
13        "id": "media_img_001",
14        "caption": "Summer campaign hero image - beach lifestyle",
15        "thumbnail_url": "https://media.later.com/thumbnails/img001_thumb.jpg",
16        "url": "https://media.later.com/full/img001.jpg",
17        "created_at": "2026-06-15T09:30:00Z",
18        "tags": ["summer", "lifestyle", "instagram"]
19      }
20    ]
21  }
22}

The timezone display is not optional — it is a core usability requirement for the Later integration. Fetch the timezone from the Get Profile call and make it globally accessible: 1. On page load, run the Get Profile call and store the timezone in a custom state 'AccountTimezone' (text) 2. On every screen that shows scheduled times, display: [time value] formatted as readable time + a text element showing '([AccountTimezone state value])' Example display: '10:00 AM (America/New_York)' — this is unambiguous regardless of where the viewer is located. For the most user-friendly display, convert the IANA timezone name (America/New_York) to a human-readable label (Eastern Time / ET) using a Bubble option set: - Option set 'TimezoneLabel' with two attributes: iana_name and display_label - Add options for common timezones: America/New_York → 'ET', America/Los_Angeles → 'PT', Europe/London → 'GMT', America/Chicago → 'CT', etc. - When displaying timezone, look up the account timezone in this option set and show the display_label Full integration test: 1. Open the content calendar page — scheduled posts appear with thumbnails, captions, times, and timezone labels 2. Navigate to the previous week — posts from last week appear 3. Navigate to the media library — images load lazily as you scroll 4. Click a media item — detail popup shows full image and copy URL button works 5. Verify timezone label matches the timezone shown in your Later account settings Rate limit reminder: Later's API rate limits apply per token. Avoid adding any automatic page-refresh timers that call the API repeatedly. Use a manual 'Refresh' button pattern — users click to fetch the latest data when they need it.