Tech Thingys
Code and other utilities for EntryThingy galleries
PayPal Button Builder
Generate custom PayPal payment buttons for your EntryThingy calls for entries
This tool helps you create the HTML code needed to integrate PayPal payments with flexible pricing based on the number of submissions.
Configuration
Optional: Per-Piece Pricing
Optional: Additional Options
Checkbox Option
Dropdown Selection Options
Integration Options
Option 1: Copy the generated code into your call's "Default Instructions for Entrants After Entry is Submitted" field.
Option 2: Check "Replace Submit Button" and paste the code into "Replace 'SUBMIT THIS ENTRY' button with:" field.
When checked, PayPal will automatically set entry status to 'Submitted' when payment is completed.
Button Preview
Input your information above to test the button!
Fill out the form and click "Generate PayPal Button Code" to see a preview here.
Test Calculator
Generated Code
Ready to Generate Code
Fill out the configuration form above and click "Generate PayPal Button Code" to create your custom PayPal integration code.
✓ Configure PayPal email and return URL
✓ Set up pricing tiers and options
✓ Click generate to see your code here
Code to Host EntryThingy on Your Website
Embed EntryThingy widgets and features directly on your website
Use these code snippets to integrate EntryThingy functionality directly into your website. Each section provides ready-to-use HTML and JavaScript code.
Embed EntryThingy on Your Website
Embed the complete EntryThingy interface directly on your website using the official EntryThingy embed code.
Official EntryThingy Embed Code
12345678910111213<!-- EntryThingy Official Embed Code -->
<script src="https://s3.amazonaws.com/entrythingy/resources/entrythingy.js" type="text/javascript" language="Javascript"></script>
<iframe id="et_uploadtarget" name="et_uploadtarget" src="" style="width:0px;height:0px;border:0"> </iframe>
<div id='et_apparea' style='text-align:left;'>
<p>
<img src="https://s3.amazonaws.com/entrythingy/images/loading.gif">
<a href="https://www.entrythingy.com">Loading EntryThingy. Receive, manage and jury your calls for entries...</a>
</p>
</div>
<script type="text/javascript" language="Javascript">
var sitecode="YOUR_SITE_CODE";
entryThingy();
</script>Get Your Site Code
Replace YOUR_SITE_CODE with your unique EntryThingy site code. Get your embed code by visiting EntryThingy's embed generator and entering your account details.
Integration Notes
How the EntryThingy Embed Works
- The embed code loads the official EntryThingy JavaScript library
- A hidden iframe handles secure file uploads
- The main application area displays your complete EntryThingy interface
- Your unique site code determines which EntryThingy account to load
- The interface adapts to your screen size and includes all EntryThingy features
Integration Examples
Complete examples showing how to integrate multiple EntryThingy features.
Complete Integration Example
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Art Exhibition - Powered by EntryThingy</title>
</head>
<body>
<header>
<h1>Annual Art Exhibition</h1>
<nav>
<a href="#calls">Current Calls</a>
<a href="#submit">Submit Artwork</a>
<a href="#gallery">Featured Gallery</a>
</nav>
</header>
<main>
<!-- Current Calls Section -->
<section id="calls">
<h2>Current Calls for Entries</h2>
<div id="entrythingy-calls">
<div id="calls-list">Loading calls...</div>
</div>
</section>
<!-- Submission Form Section -->
<section id="submit">
<h2>Submit Your Artwork</h2>
<div class="entrythingy-embed">
<iframe
src="https://www.entrythingy.com/d9/embed/YOUR_CALL_ID"
width="100%"
height="800"
frameborder="0">
</iframe>
</div>
</section>
<!-- Gallery Section -->
<section id="gallery">
<h2>Featured Artwork</h2>
<div id="entrythingy-gallery">
<div id="gallery-grid" class="gallery-grid">Loading gallery...</div>
</div>
</section>
</main>
<!-- Include all the CSS and JavaScript from previous examples -->
<!-- ... (CSS and JS code would go here) ... -->
</body>
</html>Pro Tips
- Test all integrations in a staging environment first
- Implement proper error handling for API calls
- Consider adding loading states and skeleton screens
- Optimize images for web delivery (WebP format recommended)
- Implement responsive design for mobile users