A sample Salesforce Marketing Cloud Content Builder Block built with the blocksdk. Designed as a starter template for developers building custom SFMC content blocks.
git clone https://github.com/tbesluau/sampleblock.gitSampleblock is a reference implementation of a Salesforce Marketing Cloud Content Builder custom block, built using the official blocksdk. It provides a working Node.js app structure with webpack configuration, a local development server, and a deployable Heroku setup. Developers can clone the repository, swap in their own logic in src/main.js and dist/index.html, and test locally using the SFMC block tester tool at localhost:3000. The project is intended as a starting point rather than a fork, enabling teams to quickly scaffold new custom content blocks for SFMC Content Builder without building from scratch.
Clone the repository (do not fork), set a new git remote pointing to your own repository, then run `npm install` and `npm start` to launch the local server. Edit src/main.js for block logic and dist/index.html for markup, then run `npm run build; npm start` to test changes. Navigate to the block tester app and enter `http://localhost:3000` to preview your block. One-click Heroku deployment is also available via the included app.json.
Scaffolding a new custom Salesforce Marketing Cloud Content Builder block
Learning how to integrate with the SFMC blocksdk in a Node.js environment
Deploying a custom content block to Heroku for rapid prototyping
Testing custom block UI locally using the SFMC block tester app
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/tbesluau/sampleblockCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Create a responsive email template block for [COMPANY] in the Salesforce Marketing Cloud Content Builder. The block should include a header, subheader, body text, and a call-to-action button. The design should be aligned with [INDUSTRY] standards and incorporate [COLOR_SCHEME]. Ensure the block is mobile-friendly and optimized for engagement.
# Responsive Email Template Block for [COMPANY] ## Header **Welcome to [COMPANY]! ## Subheader Discover the latest trends in [INDUSTRY] ## Body Text Dear [CUSTOMER], We are excited to share our latest insights and innovations tailored just for you. Explore our new collection designed to elevate your experience in [INDUSTRY]. ## Call-to-Action Button [**Explore Now**](#) *Note: This block is optimized for mobile devices and ensures a seamless user experience.*
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan