Sample Salesforce Marketing Cloud Content Block. Integrates with Google Drive.
git clone https://github.com/bohawi/sfmc-cb-gdrive-block.gitThe sfmc-cb-gdrive-block is a powerful automation skill designed for marketers looking to enhance their Salesforce Marketing Cloud experience by integrating it seamlessly with Google Drive. This skill allows users to pull content directly from Google Drive into their marketing campaigns, streamlining the process of content management and distribution. With an intermediate difficulty level, it can be implemented in approximately 30 minutes, making it accessible for those with a moderate understanding of both platforms. One of the key benefits of the sfmc-cb-gdrive-block is its ability to save time in content retrieval and deployment. By automating the connection between Salesforce Marketing Cloud and Google Drive, marketers can eliminate manual steps that often lead to delays and errors. This integration not only accelerates workflow automation but also enhances the overall efficiency of marketing operations, allowing teams to focus on strategy and creativity rather than tedious tasks. This skill is particularly beneficial for product managers, marketing teams, and AI practitioners who are looking to optimize their content workflows. By integrating Google Drive, marketers can easily manage assets, collaborate on content, and ensure that the latest versions are always used in campaigns. Practical use cases include automating the retrieval of promotional materials for email campaigns or social media posts, ensuring that teams have quick access to the most current content without the hassle of manual uploads. While the implementation of the sfmc-cb-gdrive-block is straightforward, it requires a basic understanding of both Salesforce Marketing Cloud and Google Drive. This skill fits seamlessly into an AI-first workflow, enabling teams to leverage automation for enhanced productivity. As businesses increasingly adopt AI automation, skills like sfmc-cb-gdrive-block will become essential tools for maintaining competitive advantage in the marketing landscape.
[{"step":"Prepare your Rive animation file in Google Drive. Ensure it's set to 'Anyone with the link can view' and copy the file ID from the shareable link.","tip":"Use Rive's 'Export as Canvas' feature to generate the embeddable code. Test the animation in Rive's preview mode before integrating."},{"step":"Open Salesforce Marketing Cloud and navigate to Content Builder. Create a new HTML block and paste the generated content block code.","tip":"Use the 'Code View' editor in SFMC to paste raw HTML. Test the block in SFMC's preview mode before deploying to campaigns."},{"step":"Customize the placeholders in the template: [CAMPAIGN_NAME], [KEY_MESSAGE], [LANDING_PAGE_URL], and [DRIVE_FILE_ID]. Adjust dimensions if needed for your email template.","tip":"For responsive design, test the block in both desktop and mobile previews. Use SFMC's 'Mobile Preview' feature to verify display on all devices."},{"step":"Add the content block to your email template or journey. Ensure the fallback text and links are properly configured for email clients that don't support Rive animations.","tip":"Always include alt text for images and ensure links are trackable using SFMC's standard tracking parameters (e.g., ?utm_source=email&utm_medium=sfmc)."},{"step":"Publish your campaign and monitor engagement metrics. Use SFMC's analytics to track clicks on the animation and conversion rates from the landing page.","tip":"A/B test different animation durations or key messages to optimize performance. Consider adding UTM parameters to track traffic sources accurately."}]
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/bohawi/sfmc-cb-gdrive-blockCopy 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.
Generate a Salesforce Marketing Cloud (SFMC) Content Block that integrates with Google Drive to embed an interactive Rive animation for [CAMPAIGN_NAME]. The animation should highlight [KEY_MESSAGE] and link to [LANDING_PAGE_URL]. Use the provided Google Drive file ID [DRIVE_FILE_ID] for the Rive file. Include fallback text for email clients that don't support Rive animations. Format the HTML with mobile-responsive design and SFMC-compliant classes like 'mobileHide' and 'desktopHide'.
```html
<!-- SFMC Content Block: Rive Animation with Google Drive Integration -->
<!-- Campaign: 'CHN PPO Provider Network Expansion 2025' -->
<!-- Key Message: 'Join our expanding national PPO network' -->
<!-- Landing Page: https://chn.j2test.com/join-our-ppo-network/ -->
<!-- Google Drive File ID: 1aBcD2eFgH3iJkLmN4oP5qRsTuVwXyZ -->
<div align="center" style="margin:0;padding:0;">
<!-- Desktop Animation (Rive) -->
<div class="desktopHide" style="display:block; max-width:600px; margin:0 auto;">
<div style="position:relative; overflow:hidden; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
<!-- Rive Animation Embed -->
<iframe
src="https://rive.app/canvas/embed?fileId=1aBcD2eFgH3iJkLmN4oP5qRsTuVwXyZ&canvasWidth=600&canvasHeight=300"
width="600"
height="300"
frameborder="0"
style="border:none;"
allowfullscreen>
</iframe>
<!-- Fallback Text -->
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%;">
<h2 style="color:#2c3e50; font-family:Arial, sans-serif; margin:0;">Join Our Expanding PPO Network</h2>
<p style="color:#7f8c8d; font-size:14px; margin:10px 0 0;">Click below to learn how to become a participating provider:</p>
<a href="https://chn.j2test.com/join-our-ppo-network/" target="_blank" style="display:inline-block; background:#e74c3c; color:#ffffff; padding:12px 24px; text-decoration:none; border-radius:4px; margin-top:15px; font-weight:bold;">Apply Now</a>
</div>
</div>
</div>
<!-- Mobile Animation (Static Image Fallback) -->
<div class="mobileHide" style="display:none; max-width:320px; margin:0 auto;">
<img
src="https://drive.google.com/uc?export=view&id=1aBcD2eFgH3iJkLmN4oP5qRsTuVwXyZ&w=320&h=200"
alt="Join our expanding PPO network"
width="320"
height="200"
style="display:block; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.1);"
>
<p style="text-align:center; color:#2c3e50; font-family:Arial, sans-serif; margin-top:10px;">
<a href="https://chn.j2test.com/join-our-ppo-network/" style="color:#e74c3c; text-decoration:none; font-weight:bold;">
Join Our National PPO Network →
</a>
</p>
</div>
</div>
<!-- Accessibility Text -->
<div style="display:none;">
<p>Interactive animation showing the benefits of joining the CHN PPO network. The animation highlights our national coverage and provider benefits. Click the link to apply as a participating provider.</p>
</div>
```Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan